Delete & Back space not working with tags in radeditor

[Vaibhav]

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.

[Ianko]

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

 

 

[Vaibhav]

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

[Ianko]

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