引入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)
查看控制台输出
控制台输出了一个对象,这个对象有6个属性
-
attrs 表示本对象html文本的属性
-
children 这个属性表示了该段html文本下有多少子节点,注意,每个标签算作一个节点,而段标签中的文本也算作一个字节。例如
<p>hello</p>
算作两个节点,其中p标签是一个节点,p标签内的文本内容算作p标签的子节点。如果是hello <p>world</p>
,则算作两个节点。
data 如果当前节点是个文本节点也就是type属性值为text,则显示其文本内容,如果type为element或root,表示当前节点为根节点或标签,则不显示data。
parentNode 显示当前节点的父节点,root节点没有父节点。
tagName 当前节点的标签名,如果type为element,则显示其标签名,否则为undefined。
type 当前节点的类型。