首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何将HTML插入到AngleSharp的文本节点中?

如何将HTML插入到AngleSharp的文本节点中?
EN

Stack Overflow用户
提问于 2015-10-09 13:13:17
回答 1查看 2.4K关注 0票数 3

我正在用AngleSharp解析一个文档。我有一个文本节点(NodeName:"# text "),我想在其中插入一些HTML。我当然可以将NodeValue重置为我想要的任何东西,但是它仍然是一个文本节点,所以所有的括号都是转义的。

如何获取文本节点的字符串值,向其中注入一些HTML,然后有一个解析的DOM表示,即HTML取代原始文本节点?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-11 23:02:49

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

例如<div>foo</div>,也就是,

代码语言:javascript
运行
AI代码解释
复制
+ root
  + textnode

变成了

代码语言:javascript
运行
AI代码解释
复制
+ root
  + textnode (1)
  + element
  + textnode (2)

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

代码语言:javascript
运行
AI代码解释
复制
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");

现在你可以说,仅仅替换文本可能不是你想要的。您可能已经有要插入的元素。因此,一种更好(但更复杂)的方法是拆分文本节点并插入其余内容。

代码语言:javascript
运行
AI代码解释
复制
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

根据您的用例,可能有一个更简单的解决方案。

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33047239

复制
相关文章
如何将 JavaScript 文件引入到 HTML
JavaScript,也缩写为 JS,是一种用于 Web 开发的编程语言。作为与 HTML 和 CSS 一起使用的 Web 核心技术之一,JavaScript 用于使网页具有交互性并构建 Web 应用程序。遵循通用显示标准的现代 Web 浏览器通过内置引擎支持 JavaScript,无需额外的插件。
梦溪
2021/09/08
12.3K1
.NET Core 网络数据采集 -- 使用AngleSharp做html解析
有这么一本Python的书: <<Python 网络数据采集>> 我准备用.NET Core及第三方库实现里面所有的例子.  这是第一部分, 主要使用的是AngleSharp: https://ang
solenovex
2018/05/30
4.3K0
如何将 Matplotlib 可视化 插入到 Excel 表格中?
在生活中工作中,我们经常使用Excel用于储存数据,Tableau等BI程序处理数据并进行可视化。我们也经常使用R、Python编程进行高质量的数据可视化,生成制作了不少精美优雅的图表。
朱小五
2022/04/11
3.6K0
如何将 Matplotlib 可视化 插入到 Excel 表格中?
insertAdjacentHTML实现插入HTML
语法如下: element.insertAdjacentHTML(position, html); position是相对于element元素的位置,并且只能是以下的字符串之一: beforebegin在 element 元素的前面。 afterbegin在 element 元素的第一个子元素前面。 beforeend在 element 元素的最后一个子元素后面。 afterend在 element 元素的后面。 html是字符串被解析成HTML或XML插入到DOM树中。
javascript.shop
2019/09/04
1.8K0
愚人节html
以下是一个简单的HTML代码,用于创建愚人节祝福语: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>愚人节快乐</title> <style> body { font-family: Arial, sans-serif; } .container { width: 300px; padding: 16px; background-color: #f2f2f2; margin: 100px auto; border: 1px solid black; border-radius: 4px; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); } h1 { font-size: 36px; line-height: 48px; color: white; text-align: center; letter-spacing: normal; }
腾龙
2023/03/22
3020
如何将元素插入数组的指定索引?
数组是一种线性数据结构,可以说是编程中最常用的数据结构之一。修改数组是一种常见的操作,这里,我们来讨论如何在 JS 中数组的任何位置添加元素。
前端小智@大迁世界
2021/03/02
2.9K0
js让光标选择节点中部分文本
Range的MDN:https://developer.mozilla.org/zh-CN/docs/Web/API/Range/setStart
阿超
2022/08/21
2.8K0
js让光标选择节点中部分文本
如何将高德地图JS API嵌入到HTML网页内
先去https://lbs.amap.com/注册一下,直接用淘宝/QQ等OpenID既可实现注册。 没有要求实名制,填写姓名的时候,填写英文名。
繁华是客
2023/03/03
5.1K0
PE格式:新建节并插入DLL
PE格式是 Windows下最常用的可执行文件格式,理解PE文件格式不仅可以了解操作系统的加载流程,还可以更好的理解操作系统对进程和内存相关的管理知识,而有些技术必须建立在了解PE文件格式的基础上,如文件加密与解密,病毒分析,外挂技术等。
王瑞MVP
2022/12/24
3300
PE格式:新建节并插入DLL
PE格式:新建节并插入代码
PE格式是 Windows下最常用的可执行文件格式,理解PE文件格式不仅可以了解操作系统的加载流程,还可以更好的理解操作系统对进程和内存相关的管理知识,而有些技术必须建立在了解PE文件格式的基础上,如文件加密与解密,病毒分析,外挂技术等。
王瑞MVP
2022/12/28
3290
PE格式:新建节并插入代码
PE格式:新建节并插入DLL
PE格式是 Windows下最常用的可执行文件格式,理解PE文件格式不仅可以了解操作系统的加载流程,还可以更好的理解操作系统对进程和内存相关的管理知识,而有些技术必须建立在了解PE文件格式的基础上,如文件加密与解密,病毒分析,外挂技术等。
王瑞MVP
2022/12/28
2300
PE格式:新建节并插入DLL
PE格式:新建节并插入代码
PE格式是 Windows下最常用的可执行文件格式,理解PE文件格式不仅可以了解操作系统的加载流程,还可以更好的理解操作系统对进程和内存相关的管理知识,而有些技术必须建立在了解PE文件格式的基础上,如文件加密与解密,病毒分析,外挂技术等。
王瑞MVP
2022/12/24
4040
PE格式:新建节并插入代码
清明节祭祖html
清明节是中国传统文化中重要的节日之一,通常在公历4月5日或6日举行。在这个节日里,人们会前往祖坟祭祖,表达对先辈的敬意和缅怀。 下面是一份简单的HTML代码,用于在网页上显示清明节祭祖的页面: html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>清明节祭祖</title> <style type="text/css"> body { font-family: Arial; } .container { padding: 20px; background-color: white; margin: 100px auto; border: 1px solid black; border-radius: 4px; box-shadow: 0px 10px 5px rgba(0,0,0,0.2); } table { width: 100%; border-collapse: collapse; height: 200px; overflow-y: scroll; } th { padding: 8px 12px; text-align: left; vertical-alignment: top; border-bottom: 2px solid gray; cursor:pointer;
腾龙
2023/03/22
5530
UILabel加载html文本
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/53163142
用户1451823
2018/09/13
3K0
HTML5技术干货:如何将LayaAir引擎性能发挥到极致
游戏性能优化,一直是游戏开发者需要学习掌握的课题,在移动设备硬件性能远弱于PC的背景下,我们对性能的需求显得更加重要。
Layabox Charley
2019/05/13
2.8K0
HTML5技术干货:如何将LayaAir引擎性能发挥到极致
JavaScript 如何将 HTML 转成 Markdown?
本篇带来:在 JavaScript 如何将 HTML 转成 Markdown?先收藏,总有一天要用到!!
掘金安东尼
2022/08/22
7940
JavaScript 如何将 HTML 转成 Markdown?
HTML5常用的文本标签
    <h1>~<h6>用处是为了命名标题,<h1> 定义最大的标题。<h6>用来定义最小的标题;标题标签主要目的不是为了设置字体大小,主要作用是对浏览器索引进行优化。 例子:
王凡汎
2020/03/23
10.5K0
点击加载更多

相似问题

将html插入到cytoscape节点中

10

将br插入到文本节点中

22

如何将HTML格式的文本插入到MySQL?

10

如何构建自定义AngleSharp元素并将节插入/转换为元素

111

AngleSharp -辞典的HTML属性

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文