RadEditor Issue: Text got distorted. - Bugs & Issues - Bugs & Issues - Progress Community
 Bugs & Issues

RadEditor Issue: Text got distorted.

  • RadEditor Issue: Text got distorted.
  • cf060587-4cb5-6f77-96ac-ff0000ae3c70_distortedtext.png
    Hi Telerik,
    We are using RadEditor of Telerik.Web.UI V2011.1.315.35. Here when we increase the entered text size of editor, texts are getting overlapped. In attached image, I have entered three line of text (Here is my text which got distorted) which got overlapped to each other while increasing font to 72 px.
    Please let me know the solution.
  • adding more info:
    Here I am creating Radeditor through code, below is the code for the same:
    RadEditor htmlEditor = new RadEditor
                   
                        ID = "HtmlEditor",
                        Width = Unit.Percentage(100),
                        Height = Unit.Pixel(500),
                        Enabled = true
                    ;

    Do I need to set some more specific property?
  • Hi Binod,

    Actually, the behavior comes from ne global css, which is loaded with the RadEditor. You can stop it from being loaded in the cotent area of the content block (since it removes the spaces). This is done by setting the EditorCssFile to an empty css file. In order to do that go to Administration -> Settings -> Advanced -> Appearance and set the RadEditor content css to the relative path to an empty css file (one that you've added to your project). This will prevent the default styles from being applied. Please take a look at the image for further reference.

    Regards,
    Jen Peleva
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  • Hi Jen,

    First of all Thanks for the reply. Now my question is that, Is it possible to do via C# code? And the another problem I am facing with Safari browser (Editor is not showing), Is this version of Editor supports safari browser?
  • Hello Binod,

    I discussed the problem with Safari with my colleagues from the RadControls team and they are not aware of such problems  in this browser version. I also tested this behavior by opening the RadEditor demo page in Safari (this didn' cause any malfunction). You can take a look at this thread, where a similar issue has been discussed:

    http://www.telerik.com/community/forums/aspnet-ajax/editor/radeditor-toolbars-not-appearing-in-safari.aspx

    http://www.telerik.com/help/aspnet-ajax/editor-content-area-appearance-problems.html


    As for setting the EditorCssFile, take a look at the radEditor documentation and here are two ways you can set a file through the code-behind of the editor:
     

       //first approach
    EditorCssFile contentAreaCss= new EditorCssFile("~/test.css");
                RadED.CssFiles.Add(contentAreaCss);
    // second approach
    RadEditor1.CssFiles.Add("~/test.css");


    http://demos.telerik.com/aspnet-ajax/editor/examples/cssfiles/defaultcs.aspx


    Greetings,
    Jen Peleva
    the Telerik team
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  • Thanks a lot for the reply Jen.