How to parse editable DIV's text with browser compatibility

Question

I make div as editable. while i tried to parse div\'s text, i was needed to do the below regular expression.

innerDOM = \"
         


        
      

Answer 1

DOM manipulation is one of the things jQuery was made for. Investing in learning jQuery will take you a long way towards writing DOM traversal and modification.

$("div[style='cursor: text']").unwrap().prepend("
");

unwrap deletes the element but keeps the children intact. The jQuery Attribute Equals Selector is used to select all divs with the cursor style attribute. You can run it live here.

You could make this more robust as currently you would not select a div with more or less whitespace or with other trivial differences. For example:

is not matched by the above selector. You can work around this shortcoming by introducing a CSS class that sets the cursor. In this case

becomes

and you can use the class selector: $("div.textCursor")

0 讨论(0)

查看其它3个回答

发布评论:

提交评论

---

•  加载中...