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
    1535 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. UI for ASP.NET Ajax is Ready for VS 2017
  4. 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
  5. Ianko
    Admin
    Ianko avatar
    1535 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