ansaurus

Question

wysiwyg contendeditable createRange surroundContents

Answer 1

+1 A:

My answer to this related question does what you need: http://stackoverflow.com/questions/2887101/apply-style-to-range-of-text-with-javascript-in-uiwebview/2888969#2888969

Tim Down 2010-06-21 09:50:54

Thank you. I used your code and it works well. Do you have a method for checking if the selection already has the class applied and doing the removeSpanWithClass onclick rather than applyClassToSelection.

Mark 2010-06-21 15:26:12

I'm not quite sure what you mean. It could certainly be improved by adding a check for the each text node in the selection to see if it's already contained within a span of the relevant class to prevent ending up with multiple nested spans with the same class, but I'm not sure that's what you're asking. I am planning to work on this and probably produce a small library, so all suggestions welcome.

Tim Down 2010-06-21 15:41:57

Yes that's it. In WYSIWYG editors, if you select a range, the editor checks whether or not it already has various styles applied to it. So if a button applies Style A, and the selected range already has style A, then the button onclick would remove Style A rather than apply it again. A library would be fantastic, thank you so much.

Mark 2010-06-21 16:45:17

Ah, that makes sense. I understand now.

Tim Down 2010-06-21 16:52:41

ansaurus

tags:

views:

answers:

wysiwyg contendeditable createRange surroundContents

related questions