UEditor对象的htmlParse()方法

怼烎@ 2023-10-11 15:09 75阅读 0赞

引入UEditor并测试htmlparse方法。  
写入测试以下的html文本

var uNode = UE.htmlparser("1111<p>Hello <span>world</span></p><p>HHHH</p><p>   asdasd <br/></p><p><span style=\"font-size: 36px;\">BBBB</span><br/></p>",false);
     console.log(uNode)

查看控制台输出  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzUwNjU2_size_16_color_FFFFFF_t_70]  
控制台输出了一个对象，这个对象有6个属性

*  attrs 表示本对象html文本的属性
 *  children 这个属性表示了该段html文本下有多少子节点，注意，每个标签算作一个节点，而段标签中的文本也算作一个字节。例如`<p>hello</p>`  
    算作两个节点，其中p标签是一个节点，p标签内的文本内容算作p标签的子节点。如果是`hello <p>world</p>`,则算作两个节点。

data 如果当前节点是个文本节点也就是type属性值为text，则显示其文本内容，如果type为element或root，表示当前节点为根节点或标签，则不显示data。  
![在这里插入图片描述][20201223134058699.png]  
parentNode 显示当前节点的父节点，root节点没有父节点。

tagName 当前节点的标签名，如果type为element，则显示其标签名，否则为undefined。

type 当前节点的类型。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzUwNjU2_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20201223132821746.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzUwNjU2,size_16,color_FFFFFF,t_70
[20201223134058699.png]: https://img-blog.csdnimg.cn/20201223134058699.png

发表评论取消回复

表情：

评论列表（有 0 条评论，75人围观）

还没有评论，来说两句吧...

相关阅读

相关 UEditor对象的htmlParse()方法

引入UEditor并测试htmlparse方法。写入测试以下的html文本 var uNode = UE.htmlparser("1111<p>Hello <s

怼烎@/ 2023年10月11日 15:09/ 0 赞/ 76 阅读

相关 ueditor获取文本内容的方法

ueditor 在js中获取文本内容的方式 editor.getAllHtml()取得完整的html代码，可以直接显示成完整的html文档 editor.getP

古城微笑少年丶/ 2023年10月03日 18:41/ 0 赞/ 11 阅读

相关使用cheerio报htmlparse错误

加入 { _useHtmlParser2: true } const $ = cheerio.load('<h2 class="title">Hello wo

╰+哭是因爲堅強的太久メ/ 2023年07月08日 05:54/ 0 赞/ 18 阅读

相关百度编辑器UEditor的使用方法

百度编辑器具有丰富文本编辑功能，且开源免费，其使用方法如下： 1.在官网上下载对应的Uditor压缩包：http://ueditor.baidu.com/website/do

小灰灰/ 2022年09月09日 15:52/ 0 赞/ 311 阅读

相关 UEditor基本使用方法min版

简单html以及js文件的引入： <!DOCTYPE HTML> <html> <head> <meta http-

忘是亡心i/ 2022年08月07日 11:45/ 0 赞/ 91 阅读

相关 Angular 的 UEditor 插件 Angular-UEditor

Angular-UEditor 详细介绍 [Angualr][] 作为最近前端大热的一款框架，越来越多国人开始使用并且不断有成功的项目。UEditor作为百度前端团队的一款神

心已赠人/ 2022年05月20日 09:47/ 0 赞/ 189 阅读

相关 Angular 的 UEditor 插件 Angular-UEditor

Angular-UEditor 详细介绍 [Angualr][] 作为最近前端大热的一款框架，越来越多国人开始使用并且不断有成功的项目。UEditor作为百度前端团队的一款神

梦里梦外;/ 2022年05月20日 08:35/ 0 赞/ 273 阅读

相关 UEditor设置内容setContent()失效的解决方法

一.问题 1）、如果代码如下编写 var ue = UE.getEditor('editor'); ue.setContent('测试加载动态内容');

青旅半醒/ 2022年03月12日 04:56/ 0 赞/ 627 阅读

相关 ueditor在ie8保存对象不支持“indexOf”属性或方法

IE8不支持数组判断indexOf，把代码 if (whitList[tagName].indexOf(key) === -1) { node.setAtt

快来打我*/ 2022年01月22日 08:01/ 0 赞/ 536 阅读

相关 htmlParse和Jsoup

1、利用htmlParse获取网页信息： import org.htmlparser.Node; import org.htmlparser.NodeFilter;

水深无声/ 2021年06月24日 13:59/ 0 赞/ 358 阅读