Ordered List issue with RadEditor

1 posts, 0 answers
  1. Ravi Divate
    Ravi Divate avatar
    7 posts
    Member since:
    Apr 2010

    Posted 11 Aug 2011 Link to this post

    Hi Telerik Team,

    I am facing an issue with the content Ordering and Numbering with the Numbered List and Bullet List toolbars. Here is the attached HTML that is being assigned to the content property of the RadEditor from C#. Just load the following HTML in the Editor and try applying the Numbered List and Bullet List tools on the text content and play around with these tools (repeat applying and removing). At one point you will see that the text content itself gets destroyed and these tools does not apply properly on the selected text content. I don't think I will be able to do much about this behavior. Please let me know the workaround for this or is it something that I am missing here? When you repeatedly apply the numbered list it behaves in a weired fashion and even you can try entering your own text inside the DIV whose ContentEditable property is true and try applying the Numbered list and Bullet list on this. I have gone through the below threads and could not get a solution for the problem.

    http://www.sitefinity.com/devnet/forums/sitefinity-4-x/general-discussions/radeditor-has-issues-when-i.aspx

    http://www.telerik.com/community/forums/aspnet-ajax/editor/radeditor-changes-html-element-removes-styles-when-using-toolbar-text-align.aspx



    Below is the HTML loaded on the RadEditor,

    <!

     

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN">

     

    <

     

    meta http-equiv="Content-Type" content="text/html; charset=utf-8">

     

    <

     

    html xmlns="http://www.w3.org/1999/xhtml">

     

    <

     

    body contenteditable="true" style="margin: 0px; overflow: hidden">

     

     

    <div contenteditable="false" style="background: #e0e0e2" unselectable="on">

     

     

    <table style="border-right: #d8d8da 1px solid; border-top: #d8d8da 1px solid; margin-top: 10px;

     

     

    font-size: 12px; background: #fff; border-left: #d8d8da 1px solid; color: #333;

     

     

    border-bottom: #d8d8da 1px solid; font-family: Helvetica, Arial, sans-serif"

     

     

    cellspacing="0" cellpadding="0" width="500" align="center" border="0">

     

     

    <tbody>

     

     

    <tr>

     

     

    <td contenteditable="false" style="padding-right: 30px; padding-left: 30px; padding-bottom: 20px;

     

     

    padding-top: 30px" unselectable="on">

     

     

    <div contenteditable="true" jquery1313062595089="17" unselectable="off" editable="true">

     

     

    <p unselectable="off" contenteditable="true">

     

    Dear Applicant,

    <br />

     

     

    <br />

     

     

    </p>

     

     

    <p unselectable="off" contenteditable="true">

     

    Thank you for your application to Us. We appreciate your interest, but unfortunately,

    your qualifications didn’t match the client’s specific needs for this job.

    <br />

     

     

    <br />

     

     

    </p>

     

     

    <p unselectable="off" contenteditable="true">

     

    At XYZ, we specialize in particular industries and positions, and don’t often have

    openings that match your skills and experience. You can search our open positions

    at

    <a href="#http://www.google.com" unselectable="off" contenteditable="true">Google.com</a>,

     

    and find us on your favorite online communities at

    <a href="http://www.google.com"

     

     

    unselectable="off" contenteditable="true">Google.com</a>.<br />

     

     

    <br />

     

     

    </p>

     

     

    <p unselectable="off" contenteditable="true">

     

     

    <br />

     

     

    </p>

     

     

    <p unselectable="off" contenteditable="true">

     

    Thank you,

    <br />

     

     

    </p>

     

     

    <b>Ravi </b>

     

     

    <br />

     

     

    <i>Developer</i><br />

     

     

    <br />

     

     

    <br />

     

     

    </div>

     

     

    </td>

     

     

    </tr>

     

     

    </tbody>

     

     

    </table>

     

     

    </div>

     

    </

     

    body>

     

    </

     

    html>

     

     



    Your help will be greatly appreciated.
    Thanks,
    Ravi 
Back to Top