In the HTML Editor Manager - you can setup the layout of the Toolbar by using the toolbar configuration tab - this tab displays the XML layout of the toolbar as use by the radeditor.

There is NO editor.css file by default - its a css file you create and put in the skin folder - so that its is skin specific - its up to the skin developer or yourself to create these as each site / skin can be entirely different.

Once you create this editor.css file with the styles you want to user on your site - you tell the radeditor to use it by setting the value of CSS File: in the HTML Editor Manager to "/editor.css" -  note the "/" at the front is important -  this tells the radeditor to user the editor.css file that is located in your SKIN folder as the layout stylesheet for the editor window.

If you dont do this - the radeditor will attempt to make a guess at what styles should be used in the editor window - but it is not always a good guess - since it is based usually on default.css as opposed to your skin.css.  This is the point of creating an editor.css file - it lets you override this default guessing and define exactly what styles you want to use.

The thing to understand is that the radeditor works in an IFRAME - and effectively only uses ONE stylesheet to control how it displays - in most sites the actual layout is a composite of Default.css, Portal.css, Skin.css, containner.css and even maybe module.css.  
What you want to do is create an editor,css file that brings all the elements of STYLE together into one layout file.

As for where the provider is stored - thats a factor of how the HTML Editor Manager works - it is a module so has been placed in the /DesktopModules path.

Westa

I have searched around the web for quite some time now
Your responses here where very helpful but there remains one question
On my site I am going to add a lot of styles I can add them to the dropdown box now but I don’t want styles to appear more than once in the list for example ( “.style{ color:red; } h1.style{margin-top:10px; margin-bottom:5px;}”
if I would put these in editor.css then it would show .style and h1.style
I don’t want that I could solve this by placing the h1 style in the skin file only and not in the editor.css then the dropdown only shows .style the problem with this is that the style doesn’t show right in the textbox

My question comes down to this is there a way to let the textbox use the style but not show it in the dropdown box ?

Woxbel

Hello Westa,

I just tried to do what you said in regards to the editor.css file. What I did is saved a copy of my style.css file as editor.css. Than I dumbed down my styles so only a few classes in ids and pushed that editor.css file to the root of my skin folder where my skin.css file is housed.

I than went into the html editor manager clicked on everyone and changed the CSS File property to /editor.css instead of editor.css.

Next I cleared all browser history and cache from IE 9 went back into it logged into my site and went to one of my module that uses the rad provider clicked on the apply style dropdown and I still saw all the sytyles I saw before I tweaked the site with the editor.css file and tweaked the html manger to point to the root of the skin to choose the file.

Am I doing something wrong here. Wasn't I suppose to put the editor.css file in the root of the skin folder?. Could it be that I left some id's instead of only classes in my editor.css file that it is ignoring it and still playing the guessing game.

Here are the only styles I left in my editor.css file from my skin.css file

--------------------------------------------------------------------------------------

#mainbody
{
margin: 0 auto;
position: relative;
}
/*.skinlogo{ margin-right:155px; margin-top:66px; float:right;}*/


#serarch
{
position: absolute;
top: 20px;
right: 30px;
background: url(images/searchbg.png) no-repeat left top;
height: 30px;
width: 250px;
}



.main_content_bg
{
margin-right: 32px;
background-image: url(images/bgimages/backgroundfade.png);
padding: 10px 10px 0px 10px;
}
.main_content
{
height: 518px;
min-height: 518px;
height: auto !important;
overflow: visible;
padding-top: 5px;
}





.skinfoot
{
color: #fff;
text-align: center;
padding-bottom: 10px;
padding-top: 16px;
margin-right: 32px;
}
---------------------------------------------------------------------------

I would think I should be ONLY seeing these styles in the apply style drop down list but I am not I am seeing all those styles that are a mix of default.css, portal.css, skin.css and module.css.

If anybody has any other wisdom on what I might be doing wrong that would be greatly appreciated.

Thank You,


Bo

P.S. with the RAD editor can you do the same thing you could do with the Telerik editor in regards of changing the body of the editor so for example instead of having a white editor background you might have a blue, semi transparent, green, etc...

I think there was a way actually so I probably need to read up more on this aspect of the rad editor but thanks again for all your information.