There are several threads on this topic and I've spent the day melding them all into a solution for DNN6.02 so that I can show accurate styles for the admins to select from that match the skin.cssUsing the HOST >> HTML MANAGER, Toolbar Config Tab, the cleanest editor toolbar we are using now - including references to the styles "h6bold" and "h4book" named in the Skin.css that display in the editor properly comes from this:<span style="color: #006699;"><strong><br /> </strong></span><root><modules><module name="RadEditorStatistics" dockingzone="Bottom"><tools name="MainToolbar"><tool name="ToggleScreenMode" shortcut="F11"><editortoolstrip name="TemplateOptions" popupheight="80px"><editortool name="SaveTemplate" text="Save Template"><editortool name="TemplateManager"><tool name="AjaxSpellCheck"><tool name="FindAndReplace" shortcut="CTRL+F"><tool name="InsertDate"><tool name="InsertSymbol"><tool name="InsertTable"><tool name="LinkManager" shortcut="CTRL+K"><tool name="Unlink" shortcut="CTRL+SHIFT+K"><editortoolstrip name="InsertOptions" popupheight="250px"><editortool name="ImageManager" text="Insert Media"><editortool name="DocumentManager"><editortool name="FlashManager"><editortool name="MediaManager"><editortool name="ImageMapDialog"><tools><tool name="PasteStrip"><tool name="FormatStripper"><tool name="FormatBlock"><tool name="JustifyLeft"><tool name="JustifyCenter"><tool name="JustifyRight"><tool name="JustifyFull"><tool name="Indent"><tool name="Outdent"><tool name="InsertOrderedList"><tool name="InsertUnorderedList"><tool name="InsertHorizontalRule"><tool name="ForeColor"><tool name="BackColor"><tool name="Bold" shortcut="CTRL+B"><tool name="Italic" shortcut="CTRL+I"><tool name="Underline" shortcut="CTRL+U"><tool name="Superscript"><tool name="Subscript"><tool name="ConvertToLower"><tool name="ConvertToUpper"><tool separator="true"> <paragraphs> <paragraph name="& lt;P>Text Paragraph& lt;/P& gt;" value="& lt;P& gt;"> <paragraph name="& lt;H1>Heading 1& lt;/H1& gt;" value="& lt;H1& gt;"> <paragraph name="& lt;H2>Heading 2& lt;/H2& gt;" value="& lt;H2& gt;"> <paragraph name="& lt;H3>Heading 3& lt;/H3& gt;" value="& lt;H3& gt;"> <paragraph name="& lt;H4>Heading 4& lt;/H4& gt;" value="& lt;H4& gt;"> <paragraph name="& lt;h4book class='h4book'>Heading 4 Book& lt;/h4book>" value="& lt;span class='h4book'>"> <paragraph name="& lt;H5>Heading 5& lt;/H5& gt;" value="& lt;H5& gt;"> <paragraph name="& lt;h6bold class='h6bold'>Heading 6 Bold& lt;/h6bold>" value="& lt;span class='h6bold'>"> <paragraph name="& lt;H6>Heading 6& lt;/H6& gt;" value="& lt;H6& gt;"><code><code><code><code><br /> <?xml version="1.0" encoding="utf-8" ?><br /> <root><br /> <br />     <modules><br />         <module name="RadEditorStatistics" dockingZone="Bottom"/><br />     </modules><br /> <br />     <tools name="MainToolbar"><br />         <tool name="ToggleScreenMode" shortcut="F11"/><br />         <EditorToolStrip Name="TemplateOptions" PopupHeight="80px"><br />             <EditorTool Name="SaveTemplate" Text="Save Template" /><br />             <EditorTool Name="TemplateManager" /><br />         </EditorToolStrip><br />         <tool name="AjaxSpellCheck"/><br />         <tool name="FindAndReplace" shortcut="CTRL+F"/><br />         <tool name="InsertDate" /><br />         <tool name="InsertSymbol"/><br />         <tool name="InsertTable"/><br />         <tool name="LinkManager" shortcut="CTRL+K"/><br />         <tool name="Unlink" shortcut="CTRL+SHIFT+K"/><br />         <EditorToolStrip Name="InsertOptions" PopupHeight="250px"><br />             <EditorTool Name="ImageManager" Text="Insert Media" /><br />             <EditorTool Name="DocumentManager" /><br />             <EditorTool Name="FlashManager" /><br />             <EditorTool Name="MediaManager" /><br />             <EditorTool Name="ImageMapDialog"/><br />         </EditorToolStrip><br />     </tools><br /> <br /> <br />     <tools><br />         <tool name="PasteStrip"/><br />         <tool name="FormatStripper"/><br />         <tool name="FormatBlock"/><br />         <tool name="JustifyLeft" /><br />         <tool name="JustifyCenter" /><br />         <tool name="JustifyRight" /><br />         <tool name="JustifyFull" /><br />         <tool name="Indent" /><br />         <tool name="Outdent" /><br />         <tool name="InsertOrderedList" /><br />         <tool name="InsertUnorderedList" /><br />         <tool name="InsertHorizontalRule" /><br />         <tool name="ForeColor" /><br />         <tool name="BackColor" /> <br />         <tool name="Bold" shortcut="CTRL+B"/><br />         <tool name="Italic" shortcut="CTRL+I"/><br />         <tool name="Underline" shortcut="CTRL+U"/><br />         <tool name="Superscript" /><br />         <tool name="Subscript" /><br />         <tool name="ConvertToLower" /><br />         <tool name="ConvertToUpper" /><br />         <tool separator="true"/>   <br />     </tools><br /> <br /> <br />     <paragraphs><br />         <paragraph name="&lt;P>Text Paragraph&lt;/P&gt;" value="&lt;P&gt;" /><br />         <paragraph name="&lt;H1>Heading 1&lt;/H1&gt;" value="&lt;H1&gt;" /><br />         <paragraph name="&lt;H2>Heading 2&lt;/H2&gt;" value="&lt;H2&gt;" /><br />         <paragraph name="&lt;H3>Heading 3&lt;/H3&gt;" value="&lt;H3&gt;" /><br />         <paragraph name="&lt;H4>Heading 4&lt;/H4&gt;" value="&lt;H4&gt;" /><br />         <paragraph name="&lt;h4book class='h4book'>Heading 4 Book&lt;/h4book>" value="&lt;span class='h4book'>" /><br />         <paragraph name="&lt;H5>Heading 5&lt;/H5&gt;" value="&lt;H5&gt;" /><br />         <paragraph name="&lt;h6bold class='h6bold'>Heading 6 Bold&lt;/h6bold>" value="&lt;span class='h6bold'>" /><br />         <paragraph name="&lt;H6>Heading 6&lt;/H6&gt;" value="&lt;H6&gt;" /><br />     </paragraphs><br /> <br /> <br /> </root><br /> <div><br /> </div> <br /> <br /> <br /> Hope someone finds value in this!</code></code></code></code></paragraph> <code><code><code><code> </code></code></code></code></paragraph> <code><code><code><code> </code></code></code></code></paragraph> <code><code><code><code> </code></code></code></code></paragraph> <code><code><code><code> </code></code></code></code></paragraph> <code><code><code><code> </code></code></code></code></paragraph> <code><code><code><code> </code></code></code></code></paragraph> <code><code><code><code> </code></code></code></code></paragraph> <code><code><code><code> </code></code></code></code></paragraph> <code><code><code><code> </code></code></code></code></paragraphs> <code><code><code><code> </code></code></code></code></tool></tool></tool></tool></tool></tool></tool></tool></tool></tool></tool></tool></tool></tool></tool></tool></tool></tool></tool></tool></tool></tool></tools></editortool></editortool></editortool></editortool></editortool></editortoolstrip></tool></tool></tool></tool></tool></tool></tool></editortool></editortool></editortoolstrip></tool></tools></module></modules></root>

<div>Here's my experience and contribution to the debate...for what it's worth...:) <br /> <br /> At first I couldn't get anything working as regards styles in the ApplyCSS dropdown, then I went to Host>HTML Editor Manager and selected TelerikEditorProvider instead of DotNetNuke.RadEditorProvider. D'oh! <br /> <br /> Things started to work then and the remaining steps in Lance's inital post were pretty much 'bang-on'. <br /> <br /> It then became apparent that you need to define your 'end-user' styles twice (i.e. skin.css or <skinname>.css and RadEditor.css) and also then list them in ToolsDefault.xml i.e. 3 processes which is clearly not ideal. The solution here was to move any end-user styles to RadEditor.css and then import RadEditor.css into skin.css (@import url('path/RadEditor.css')). ... some might argue that there are possible performance issues with this approach though - that's another discussion. <br /> <br /> (Surely the Editor could be modified to parse RadEditor.css and automatically include its styles?) <br /> <br /> I added a default path to the 'images' folder for the image editor but the images folder didn't show up. Answer: After creating the images folder, be sure to re-synchronise the folder hierachy via file manager. Even though Auto-sync File System is set in Host settings - it doesn't seem to be working, so maybe a bug there. <br /> <br /> So what about when there is more than one portal running on an installation? For the ApplyCSS dropdown, I prefixed styles with the PortalID i.e. <br /> <br /> 0/ <br /> RadEditor.css <br /> --> .0_Title{...} <br /> --> .0.Subhead{...} <br /> <br /> 1/ <br /> RadEditor.css <br /> --> .1_Ttle{...} <br /> --> .1_Subhead{...} <br /> <br /> then in ToolsDefault.xml: <br /> <br /> <br /> <br /> Not that pretty but it avoids the need for having to generate exclusive style names for each portal...(actually that's not quite tru when you think about it!). <br /> <br /> <br /> Unfortunately I can't yet see anyway to define the toolbar setup individually for each portal though. A ToolsDefault.xml file for each portal would solve this and provide a more elegant way for defining the ApplyCSS dropdown... how about it DNN guys? <br /> <br /> <br /> Creating your own ToolsDefault.xml and ConfigDefault.xml files as per an earlier post also makes a huge amount of sense. <br /> <br /> <br /> Interestingly, Host>HTML Editor Manager has a Toolbar Configuration tab - which is essentially an edit window for : <br /> <br /> /DesktopModules/Admin/RadEditor provider/default.ToolsFile.xml <br /> <br /> Regardless of whether TelerikEditorProvider or DotNetNuke.RadEditorProvider is selected, this facility seems to edit the same config file. <br /> <br /> So do both editors reference the same config file?...Anyone shine a light on this?</div>

Here's my experience and contribution to the debate...for what it's worth...:)

At first I couldn't get anything working as regards styles in the ApplyCSS dropdown, then I went to Host>HTML Editor Manager and selected TelerikEditorProvider instead of DotNetNuke.RadEditorProvider. D'oh!

Things started to work then and the remaining steps in Lance's inital post were pretty much 'bang-on'.

It then became apparent that you need to define your 'end-user' styles twice (i.e. skin.css or .css and RadEditor.css) and also then list them in ToolsDefault.xml i.e. 3 processes which is clearly not ideal. The solution here was to move any end-user styles to RadEditor.css and then import RadEditor.css into skin.css (@import url('path/RadEditor.css')). ... some might argue that there are possible performance issues with this approach though - that's another discussion.

(Surely the Editor could be modified to parse RadEditor.css and automatically include its styles?)

I added a default path to the 'images' folder for the image editor but the images folder didn't show up. Answer: After creating the images folder, be sure to re-synchronise the folder hierachy via file manager. Even though Auto-sync File System is set in Host settings - it doesn't seem to be working, so maybe a bug there.

So what about when there is more than one portal running on an installation? For the ApplyCSS dropdown, I prefixed styles with the PortalID i.e.

0/
RadEditor.css
--> .0_Title{...}
--> .0.Subhead{...}

1/
RadEditor.css
--> .1_Ttle{...}
--> .1_Subhead{...}

then in ToolsDefault.xml:






etc...


Not that pretty but it avoids the need for having to generate exclusive style names for each portal...(actually that's not quite tru when you think about it!).


Unfortunately I can't yet see anyway to define the toolbar setup individually for each portal though. A ToolsDefault.xml file for each portal would solve this and provide a more elegant way for defining the ApplyCSS dropdown... how about it DNN guys?


Creating your own ToolsDefault.xml and ConfigDefault.xml files as per an earlier post also makes a huge amount of sense.


Interestingly, Host>HTML Editor Manager has a Toolbar Configuration tab - which is essentially an edit window for :

/DesktopModules/Admin/RadEditor provider/default.ToolsFile.xml

Regardless of whether TelerikEditorProvider or DotNetNuke.RadEditorProvider is selected, this facility seems to edit the same config file.

So do both editors reference the same config file?...Anyone shine a light on this?