1

I am working on a viewer application which displays static HTML in WebKit and allows user to select and highlight text.

My approach has been to keep the static HTML document intact and save the highlights in a separate location. Rangy works great for serializing selections so that they can be stored and reapplied once the application launches again.

However using the CSS Class Applier Rangy extension to mark the highlighted sections, changes the DOM structure of the document and thus invalidates all previously serialized ranges.

Is it possible to apply a CSS class to the user selection without changing the DOM structure?

Thanks a lot!

Engin Kurutepe
  • 6,719
  • 3
  • 34
  • 64
  • 1
    The answer's no, but you may be able to do something based on the character indices of the start and end of the selection. See http://stackoverflow.com/questions/5595956/replace-innerhtml-in-contenteditable-div – Tim Down Mar 19 '12 at 00:18
  • Thanks a lot Tim. Your suggestion helped me a lot. Seems to work so far. – Engin Kurutepe Mar 22 '12 at 21:57

0 Answers0