Generate dynamically SPAN id's using rangy highlighter module

[khayati114]

Hi

I am using rangy serialization and highlighter module to select and highlight text on HTML file. Currently I am using below code to highlight the content of HTML file -

applier = rangy.createClassApplier("highlight", {
ignoreWhiteSpace : true,
tagNames : [ "span", "a" ]
applier.applyToSelection(frame.contentWindow);

Now my requirement is to add tooltip on this highlightion.? How can I achieve that ??
One thing I was thinking since I am passing span tag to highlight the content , I can add tooltip on this span element itself. But currently they don't have any unqiue id to identity the content. I need to add id's on these span elements so that i can add tooltip on them .Is it possible to add dynamic id's on these span elements? If so how to achieve the same ??

[farhaansari]

Hi

For this case, you can add elementsAttributes in the "classApplier" code.

for Ex:

this.highlighter.addClassApplier(rangy.createClassApplier("highlight", {
ignoreWhiteSpace: true,
tagNames: ["span","a"],
elementAttributes " {
"id" = "Unique-Id",
"onClick" = "onClickHighlight(this);"
}));

[dmytro-feld]

Hey, unfortunately it's not clear how to apply really unique attribute as we use addClassApplier on initialization.
Any thoughts? Thx!