richTextParse:微信小程序富文本解析(仅支持HTML),在rich-text标签引用结果“树”

时间:2024-06-06 12:36:48
【文件属性】:

文件名称:richTextParse:微信小程序富文本解析(仅支持HTML),在rich-text标签引用结果“树”

文件大小:263KB

文件格式:ZIP

更新时间:2024-06-06 12:36:48

weixin rich-text xiaochengxu pre richtextparse

微信小程序富文本解析 - richTextParse。 将请求到HTML代码转化为中nodes属性支持的JSON格式,从而实现在微信小程序中的可视化。因为是根据我自己的需求去做的,所以目前功能比较简单。 在此推荐“”组件,功能比较全。但因为wxParse解析pre标签有点问题,所以才动手写了richTextParse。 richTextParse的思路就是将HTML代码解析为DOM树型结构,非常好理解。你也可以在目前代码的基础上进行更多的标签验证(目前我只验证了图像标签,在图像标签中加入src等属性),丰富代码功能。而这一切都不能离开微信小程序中的支持。 效果 支持Html文档中常用的标签。 使用 需要使用到的文件有两个:“richText.js”和“richText.wxss”。它们存放在:“utils/richTextParse”文件夹下。 在合适的位置引入样式,例如“app.wxss


【文件预览】:
richTextParse-master
----app.js(2KB)
----font()
--------font.wxss(950B)
----images()
--------icon.psd(63KB)
--------home02.png(1KB)
--------me02.png(2KB)
--------me01.png(2KB)
--------works01.png(2KB)
--------home01.png(1KB)
--------works02.png(2KB)
----templates()
--------list.wxss(2KB)
--------more.wxss(309B)
--------list.wxml(1KB)
--------more.wxml(243B)
----.DS_Store(6KB)
----project.config.json(537B)
----utils()
--------util.js(472B)
--------.DS_Store(6KB)
--------richTextParse()
----README.md(3KB)
----pages()
--------works()
--------me()
--------article()
--------list()
--------tag()
--------index()
--------logs()
----app.json(974B)
----app.wxss(493B)

网友评论