Text dauerhaft farbig markieren

eniac2000

Hallo,

Ich habe da mal wieder ein kleines Problem und hoffe Ihr könnt mir helfen.
Es geht um folgendes in der Sidebar-Overlay meiner extension füge ich markierten Text mit der Rechten Maustaste zur Sidebar hinzu. Nun soll aber der Markierte Text dauerhaft im Browser nachdem er markiert wurde auch markiert bleiben.

Wie kann ich also Text im Browser farbig markieren?

Gruß

Eniac

Brummelchen

Wohl nicht als eine Erweiterung
► https://addons.mozilla.org/de/firefox/sea…cat=all&x=0&y=0

eniac2000

Ich meinte eigentlich das

Code

function SelectRegion() {


  //Das hier markierte dauerhaft markiert bleiben soll.
  var SelRegion = content.getSelection().toString();


  document.getElementById("sidebar").contentDocument.getElementById("RegionRow").value = SelRegion;


  




  //var theSelection = contentDocument.selection.createRange().htmlText;


  //contentDocument.selection.createRange().pasteHTML("<span style='background-color: yellow;'>" + theSelection + "");


}

Alles anzeigen

Brummelchen

Ohne sonstigen Text ist dieser Schnipsel für mich völlig wertlos. Was soll das sein?

eniac2000

Das war mal ein Teil meines Codes zum highlighten von markierten Text auf webseiten. Habe das Problem leider immer noch nicht gelöst bekommen. Der selektierte Text wird der Funktion highlightSelection übergeben.

Code

function highlightSelection(selection) {
var range = selection.getRangeAt(0);


    refNode = range.startContainer;
    endNode = range.endContainer;
    var spanNode = document.createElement('span');
    spanNode.setAttribute('style', 'background-color: yellow');


    // in a single #text node
    if (refNode.nodeType == Node.TEXT_NODE && refNode.isEqualNode(endNode) ) {
        debugHere('all is one text node');
        refNode.splitText(range.startOffset);
        refNode.splitText(range.endOffset);
        var parent = refNode.parentNode;
        debugHere('parent=' + refNode.parentNode.nodeName);
        if (parent.hasChildNodes()) {
            // So, first we check if the object is not empty, if the object has
            // child nodes
            var children = parent.childNodes;
            for ( var i = 0; i < children.length; i++) {
                debugHere('child[' + i + ']=' + children.textContent);
            }
        }
        else {
            debugHere('no children');
        }
        parent.insertBefore( spanNode.appendChild(parent.childNodes[2]), parent.childNodes[2] );
        parent.appendChild( spanNode.appendChild(parent.childNodes[2]) );
    }
    else {
        var frag = range.extractContents();
        debugHere('frag text=' + frag.textContent);
        spanNode.appendChild(frag);
        // range.deleteContents();
        range.insertNode(spanNode);
    }
}

Alles anzeigen