テキストに浮かんでいるURLとドメインを見つけて「リンク」するために、GitHub(https://github.com/cowboy/javascript-linkify )のLinkifyプロジェクトに誘導されました。
それは素晴らしいです!それは完全にテキストで機能します!
textNode
ただし、リンクしたいテキストが含まれているで、どのように機能させるかはよくわかりません。
textNode
私はそれ以来唯一持っていることを理解してtextContent
います..それはすべてテキストです。このLinkify関数はHTMLをテキストとして返すので、textNodeを取得し、Linkify出力を使用してその中のHTMLを「書き換える」方法はありますか?
私はここでJSFiddleで遊んでいます: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);
}
}
}