Delete & Back space not working with tags in radeditor

4 posts, 0 answers
  1. Vaibhav
    Vaibhav avatar
    3 posts
    Member since:
    Oct 2014

    Posted 07 Nov 2014 Link to this post

    I am using radeditor in my project.I have created some custom tags which I insert in text area
    Bellow is demo html code of this tags with text.

    this is demo<var is-end="false" conditionid="439726" conditionfield="FELT001" conditionlabel="new co" title="Start of condition: new co" style="display: inline-block; width: 16px; height: 16px; margin-right: 3px; background-image: url('http://localhost/dialogportal.com/images/icons/condition-begin.gif'); background-repeat: no-repeat;" contenteditable="false"></var> text <var is-end="false" conditionid="439726" conditionfield="FELT001" conditionlabel="new co" title="Start of condition: new co" style="display: inline-block; width: 16px; height: 16px; margin-right: 3px; background-image: url('http://localhost/dialogportal.com/images/icons/condition-begin.gif'); background-repeat: no-repeat;" contenteditable="false"></var>again this will have conditions<var is-end="true" conditionid="439726" title="End of condition: new co" style="display: inline-block; width: 16px; height: 16px; margin-left: 3px; background-image: url('http://localhost/dialogportal.com/images/icons/condition-end.gif'); background-repeat: no-repeat;" contenteditable="false"></var><var is-end="true" conditionid="439726" title="End of condition: new co" style="display: inline-block; width: 16px; height: 16px; margin-left: 3px; background-image: url('http://localhost/dialogportal.com/images/icons/condition-end.gif'); background-repeat: no-repeat;" contenteditable="false"></var>&nbsp;which we have to test


    It looks like something like attached image

    Here we can see two VAR tags together. Problem occurs with them in chrome & safari.
    nor using right & left arrows I can not go through this var tags neither using back space & delete works with this.

    This problem occurs only in chrome & safari & not in firefox & IE.
  2. Ianko
    Admin
    Ianko avatar
    1720 posts

    Posted 10 Nov 2014 Link to this post

    Hello Vaibhav,

    Thank you for contacting Telerik support.

    Examining the provided custom tags, I see that they are used with a contenteditable attribute set to false. By that the browser is instructed that these tags are not editable and it is expected to not be able to delete any text inside.

    I can only assume how these tags should be used, although, if you need content to be editable inside, I suggest removing the mentioned attribute configuration.

    Let me know if I can help further on the matter.

    Regards,
    Ianko
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. Vaibhav
    Vaibhav avatar
    3 posts
    Member since:
    Oct 2014

    Posted 11 Nov 2014 in reply to Ianko Link to this post

    Hi,
    If I make contenteditable = "true" then also back space do not work.

    If you can help me in bellow issue then I may be able to solve this one .
    http://www.telerik.com/forums/getting-html-before-or-after-cursor-position
  4. Ianko
    Admin
    Ianko avatar
    1720 posts

    Posted 12 Nov 2014 Link to this post

    Hi Vaibhav,

    I am unable to exactly test with the sent content. Could you please send a sample project, with some simple illustrative logic how the RadEditor is configured and used?

    On a side note, I have answered you in the forum thread about the selection matter.

    Regards,
    Ianko
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top