Editor Chrome Issues

2 posts, 0 answers
  1. Ed Lance
    Ed Lance avatar
    61 posts
    Member since:
    Jun 2012

    Posted 12 Jan 2012 Link to this post

    I just deployed my first site with the RADEditor and the client does not like it.  Here is his comment:
    "Also, the editor is not very user friendly at all (tinymce was way better at this point)... where are the options for it? For example, ctrl-z doesn't work in Chrome and I have to select paragraph format first before I add content or the content won't have <p> </p>... it also adds <br> when it shouldn't, and it sometimes makes urls urls (if I copy them from a browser address bar) and sometimes it doesn't and makes them just text"

    ouch.

    If I can't provide answers, he will make me rip this out and go back to tinymce.

    Here is the editor, note that I set the newLineMode property.  Hitting Enter in IE and FF works for me.
    <telerik:RadPageView ID="RadPageView2" runat="server">
        <telerik:RadEditor ID="RadEditor2" runat="server" Content='<%# Bind("habitat") %>'
            NewLineMode="P" ToolsFile="EditorTools.xml" Width="750" Height="472px">
            <ImageManager ViewPaths="~/upload" UploadPaths="~/upload" DeletePaths="~/upload" />
        </telerik:RadEditor>
    </telerik:RadPageView>

    Here is the toolbar.
    <?xml version="1.0" encoding="utf-8" ?>
    <root>
      <cssFiles>
        <item name="~/_n/css/EditorContentAreaStyles.css" />
      </cssFiles>
      <tools>
        <tool name="PastePlainText" />
        <tool name="PasteFromWord" />
        <tool name="ConvertToLower" />
      </tools>
      <tools>
        <tool name="ApplyClass" />
        <tool name="FormatBlock" />
        <tool separator="true" />
        <tool name="Bold" />
        <tool name="Italic" />
        <tool name="Underline" />
        <tool name="Superscript" />
        <tool name="Subscript" />
        <tool name="BackColor" />
        <tool name="ForeColor" />
        <tool name="InsertSymbol" />
      </tools>
      <tools>
        <tool name="JustifyLeft" />
        <tool name="JustifyCenter" />
        <tool name="JustifyRight" />
        <tool name="JustifyFull" />
        <tool separator="true" />
        <tool name="Indent" />
        <tool name="Outdent" />
        <tool separator="true" />
        <tool name="InsertUnorderedList" />
        <tool name="InsertOrderedList" />
      </tools>
      <tools>
        <tool name="ImageManager" />
        <tool name="LinkManager" />
        <tool name="Unlink" />
      </tools>
      <tools name="Tables" tab="Insert">
        <tool name="InsertTableLight" size="large" />
        <tool name="InsertTable" />
      </tools>
      <tools name="Proofing" tab="Review">
        <tool name="XhtmlValidator" size="large" />
        <tool name="FindAndReplace" />
      </tools>
    </root>

    and the styles.  Is there anything about this CSS that would cause the problems?
    body{font-family:arial,helvetica,"helvetica neue",sans-serif !important;
    font-size:82% !important;
    color:#4d3345 !important;
    line-height:1.6em !important;}
     
    h1{color:#0085cf !important;
    font-weight:normal !important;
    font-size:1.8em !important;
    margin:25px 0 15px 30px !important;
    line-height:1.4em !important;
    text-shadow:2px 2px 2px #ccc !important;}
     
    h2{color:#000 !important;
    font-weight:normal !important;
    font-size:1.5em !important;
    margin:25px 0 15px 30px !important;
    line-height:1.4em !important;
    text-shadow:2px 2px 2px #ccc !important;}
     
    h3{color:#0085cf !important;
    font-weight:normal !important;
    font-style:italic !important;
    font-size:1.3em !important;
    margin:25px 0 15px 30px !important;
    line-height:1.4em !important;
    text-shadow:2px 2px 2px #ccc !important;}
     
    h4{color:#0085cf !important;
    font-weight:bold !important;
    font-size:1.3em !important;
    margin:25px 0 15px 30px !important;
    line-height:1.4em;text-shadow:2px 2px 2px #ccc !important;}
     
    h5{color:#000 !important;
    font-weight:normal !important;
    font-size:1.4em !important;
    margin:25px 0 15px 0 !important;
    line-height:1.4em !important;
    text-align:center !important;
    text-shadow:2px 2px 2px #ccc !important;}
     
    h6{color:#0085cf !important;
    font-style:italic !important;
    font-size:1.15em !important;
    margin:25px 0 15px 30px !important;
    line-height:1.4em !important;
    text-shadow:2px 2px 2px #ccc !important;}
     
    a{color:#0085cf !important;
    text-decoration:none !important;
    outline:none !important;}
     
    a:hover{color:#00F !important;
    text-decoration:underline !important;}
     
    a:visited{color:#006daa !important;}
     
    a[href^="mailto:"]{display:inline-block !important;
    padding-right:15px !important;
    background:transparent url(/_n/i/icons/mailto.png) right no-repeat !important;}
     
    .nav1 {font-size:11px !important;
    line-height:14px !important;}
     
    .i-r{float:right !important;
    margin:20px 10px 20px 20px !important;}
     
    .i-l{float:left !important;
    margin:20px 20px 20px 10px !important;}
     
    .i-c{display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:10px 10px 10px 10px !important;}
     
    .news{color:#0085cf !important;
    font-size:1.7em !important;
    line-height:1.1em !important;}
     
    .bk{background:#0085cf !important;}
     
    .input{color:#fff !important;
    font-size:10px !important;
    background-color:#006daa !important;
    padding:1px !important;}
     
    .input2{color:#006daa !important;
    background-color:#fff !important;
    padding:1px !important;}

    Any help much appreciated.
  2. Richard
    Richard avatar
    479 posts
    Member since:
    Nov 2011

    Posted 16 Jan 2012 Link to this post

    Ed:

    I'm sorry to hear of your current dilemma with your client. I will make some recommendations, here, to help you resolve your problems without having to "rip this out and go back to tinymce".

    From my past experiences with Telerik, they are highly supportive to customers and work extremely hard to replicate issues and to log them for resolution as quickly as possible. And, they are always eager to identify features that may be offered in a competitor's product that are valuable enhancements to implement in their RadControls.

    My suggestion is to open a support ticket with them. Be sure to list the key problems that your client has identified in an hierarchical order, most pressing to least. And, if possible, provide step-by-step instructions for them to reproduce problematic behaviors, including screen shots and/or videos.

    I have tried, unsuccessfully, to reproduce the Control Z issue using the newest Chrome 16.0.912.75 m version by running the online "Editor/Default Settings" demo. It works for me.

    The client notes: "...and I have to select paragraph format first before I add content or the content won't have <p> </p>..."

    Personally, I do not think that the RadEditor should necessarily make the assumption that new content is a paragraph. And, the "Editor/Paragraph Styles" demo demonstrates the use of the paragraph formatting droplist to help resolve that issue.

    Your client noted: "...and it sometimes makes urls urls (if I copy them from a browser address bar) and sometimes it doesn't and makes them just text".

    As far as I know from my experience with web browsers, only IE can convert plain text to URLS. As an example, open IE and type www.someletter and press space. You will see that the browser will convert it to link; but Chrome does not support link autocompletion. So, this is a browser related issue, not necessarily a Telerik "bug".

    Hope the above helps!
Back to Top