Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Administration ...Administration ...Taming (customizing) The new Telerik RadEditorTaming (customizing) The new Telerik RadEditor
Previous
 
Next
New Post
4/29/2010 3:58 PM
 

DNN5.4 came with a different editor which has a few underwhemling settings.  If you prefer your users to create copy using best(better) practices and global styles, try these changes.  Disclaimer, these may not be the best methods but they work for me.

  1. Create a file called RadEditor.css your portal root. 
    1. Copy all the content specific styles from skin.css into this file leaving out layout or module specific styles.  The editor will copy most of these already so only focus on ones needed in the styles drop down and overides for layout.
    2. Be sure to add body,html{background-color:#fff;text-align:left;} to keep the edit area useable. 
    3. Narrow the focus of the classes and IDs (For instance, a ul specific style would be ul.MyStyle{...} not .MyStyle{...} ).  Then the editor will put at tag icon beside the style which will help users understand when and where to use the classes.
    4. The classes should be “declared” in a clean manner.  The style ul.MyStyle li won’t make the parent ul style available. A rule like ul.MyStyle rule must exist first.
  2. Open the file /Providers/HtmlEditorProviders/Telerik/Config/ConfigDefault.xml and make the follow changes:
    1. Adding < property name="UseSharedToolbar">true < /property> is suppose to help when two or more editors are on the same page.
    2. Change < property name="NewLineBr">true < /property> to false for better paragraph formating.
    3. Review the StripFormattingOnPaste and ContentFilters settings for your own taste. ConfigDocumented.xml explains the settings a bit.
    4. Add < property name="CssFiles">[PortalRoot]RadEditor.css< /property>
    5. Add < property name="ImageManager.ViewPaths">[PortalRoot]images</ property> so the images folder can be seen in the image manager.
  3. Open the file /Providers/HtmlEditorProviders/Telerik/Config/ToolsDefault.xml (and min for simular changes)
    1. Add lines to the < classes> section to reflect the styles you want in the drop down.  (for instance < class value="ul.MyStyle" name="List-Styled-Myway">
      Very important to set the value to exactly what is in the style sheet or it won’t display.
    2. Remove the lines:
      1. < tool shortcut="CTRL+SHIFT+F" name="FontName">
      2. < tool shortcut="CTRL+SHIFT+P" name="RealFontSize">
      3. < tool name="ForeColor">
      4. < tool name="BackColor">

        Unless you like 24pt pink Comic Sans text randomly place on your site, not judging here.

EDIT: Be sure to add htmtemplate to the host settngs for allowed file types. This will enable the templates feature if you upgrade from DNN5.4.x to 5.4.2.  Also, only DNN5.4.2+ is able to insert the templates. 

 
New Post
5/11/2010 6:34 AM
 
Awesome post. Thanks a lot!
 
New Post
5/11/2010 10:55 AM
 
Any way to add smileys yet? Good post!
 
New Post
5/14/2010 12:57 PM
 
Thanks for the information Lance.

Is there any further documentation for this feature?
I'm having a heck of a time getting the styles to show up...  
Can class names in the xml file include spaces?  Are there certain classes we should stay away from using?

For example...  I use <class name="Title Text" value="Title" />
And in my CSS I have...
.Title
{
/*--- css code here ---*/
}

And the editor will not display my styles...
Anyone have any thoughts?

Thanks again for the info.
 
New Post
5/14/2010 1:07 PM
 
Well... I got the styles to display... for the most part.

If I use the following code in the ToolsDefault.xml
Note the inclusion of the dot (.) for the value of the class.

<class name="Title Text" value=".Title" />

The Title Text shows up in the Editor drop down menu in Firefox, but not Internet Explorer...???

However, other styles set in the manner described above work in both browsers...

<class name="Sub Title Text" value=".SubTitle" />  (This works in both browsers)
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Administration ...Administration ...Taming (customizing) The new Telerik RadEditorTaming (customizing) The new Telerik RadEditor


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out