Highlight text in UIWebview (Persistently) using javascript

Question

I need to save & highlight the selected text.

I get the range as said in Calculate Position of selected text javascript/JQuery?

But, how to highlight the user's selected text on next session using the above stored value?

Note: I went through Rangy's serializer module (demo)

but it consumes much time on iOS UIWebView on loading large content of html in a web view.... App Freezes:-( Also multiple highlighting is not available in Rangy's serializer module.

So What I'm looking for is, highlight based on the start & end offset of range value stored.

Is there a way to store node, start value & end value of user selected text to highlight it at next session? — TomNJerry
– TomNJerry, Commented Nov 17, 2011 at 10:18

Anoop M Maddasseri · Accepted Answer · 2015-11-29 04:53:36Z

If you are rendering the html file, then you might be able to do it in the way below. It highlights the user text then saves it back by rewriting the html file thus preserving the highlight.

 NSString *uuid = [[NSUUID UUID] UUIDString];

 NSString *insertSpan = [NSString stringWithFormat:@"var range = window.getSelection().getRangeAt(0);var selectionContents   = range.extractContents();alert(selectionContents); var span                = document.createElement(\"span\");span.appendChild(selectionContents);span.setAttribute(\"class\",\"uiWebviewHighlight\");span.style.backgroundColor  = \"#99FF00\";span.setAttribute(\"id\", \"%@\");range.insertNode(span);",uuid];
 [webView stringByEvaluatingJavaScriptFromString:insertSpan];

 NSString *document = [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('html')[0].innerHTML"];

 NSData *data = [document dataUsingEncoding:NSUTF8StringEncoding];

 [data writeToFile:<file location> atomically:YES];

Collectives™ on Stack Overflow

Highlight text in UIWebview (Persistently) using javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related