Sostituisci un textNode con testo HTML in Javascript?

Question

Sono stato indirizzato al progetto Linkify su GitHub (https://github.com/cowboy/javascript-linkify) per trovare e "collegare" URL e domini semplicemente fluttuanti nel testo.

È fantastico! Funziona totalmente sul testo!

Tuttavia, non sono abbastanza sicuro su come farlo funzionare su un textNode che ha il testo che voglio collegare.

Capisco che textNode ha solo testoContent da .. è tutto testo. Poiché questa funzione di Linkify restituisce HTML come testo, c'è un modo per prendere un textNode e "riscrivere" l'HTML al suo interno con l'output di Linkify?

ho giocato con esso su JSFiddle qui: http://jsfiddle.net/AMhRK/9/

function repl(node) { 

var nodes=node.childNodes; 
for (var i=0, m=nodes.length; i<m; i++) 
{ 
    var n=nodes[i]; 
    if (n.nodeType==n.TEXT_NODE) 
    { 
     // do some swappy text to html here? 
     n.textContent = linkify(n.textContent); 
    } 
    else 
    { 
     repl(n); 
    } 
} 
} 

Answer 1

sarà necessario sostituire il TextNode con un elemento HTML, come un arco, e quindi impostare il vostro linkified-testo come quell'elemento di innerHTML.

var replacementNode = document.createElement('span'); 
replacementNode.innerHTML = linkify(n.textContent); 
n.parentNode.insertBefore(replacementNode, n); 
n.parentNode.removeChild(n); 

Answer 2

In aggiunta alla risposta precedente propongo modo più breve (sulla base di jQuery):

$(n).replaceWith('Some text with <b>html</b> support'); 

dove n - è TextNode.