如何将HTML插入AngleSharp中的文本节点？

Deane 发表于 Dev

迪恩

我正在使用AngleSharp解析文档。我有一个文本节点（NodeName：“＃text”），我想在其中插入一些HTML。我当然可以将NodeValue重置为所需的值，但是它仍然是一个文本节点，因此所有括号都转义了。

如何获取文本节点的字符串值，向其中注入一些HTML，然后解析HTML来代替原始文本节点的DOM表示形式？

弗洛里安·拉普尔

我猜您想要的是用多个节点替换单个文本节点。

例如<div>foo</div>，即

+ root
  + textnode

变成

+ root
  + textnode (1)
  + element
  + textnode (2)

可以的<div>f<b>o</b>o</div>。我能想到的最简单的方法就是替换节点。

var source = @"<div>foo</div>";
var parser = new HtmlParser();
var document = parser.Parse(source);
var div = document.QuerySelector("div");
div.InnerHtml = div.InnerHtml.Replace("foo", "f<b>o</b>o");

现在您可以辩解说，仅替换文本可能不是您想要的。您可能已经具有要插入的元素。因此，更好的方法（但更为复杂）是拆分文本节点并插入其余内容。

var source = @"<div>foo</div>";
var parser = new HtmlParser();
var document = parser.Parse(source);
var div = document.QuerySelector("div");
var text = div.TextContent;
div.RemoveChild(div.FirstChild); // assuming there is only one child
var bold = document.CreateElement("b");
bold.TextContent = text.Substring(1, 1); //o
div.Append(
    document.CreateTextNode(text.Substring(0, 1)), //f
    bold,
    document.CreateTextNode(text.Substring(2, 1)));//o

根据您的用例，可能会有更简单的解决方案。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。