GraceUI 组件精细化更新工作进行中~ 如果您在使用时发现组件或样式不生效时,请先进行重新编译,重新编译后依然无效请升级您的 GraceUI 框架版本 ( 网站头部点击下载按钮获取最新版本 )即可! 此次更新预计持续到 2020-01-30 ~
graceAnalysis 功能介绍
graceAnalysis [ html 内容解析组件 ] 可以用于展示 “项目后台使用百度编辑器及其他通用编辑器产生的 html 内容”;
使用场景 : 文章内容展示、商品详情展示等;
同时也可以用于直接解析 GraceUI 编辑器产生的内容。 功能包括 :
1、支持解析 GraceUI 编辑器产生的内容; 2、经过转换( 我们提供 php 版本的转换代码 ) 可以适配 百度 UEditor 生成的 html 内容; 3、提供图片预览功能;
重要说明
我们提供了 我们提供 php 版本的 百度 UEditor 生成内容的转换代码,请在GraceUI 付费用户群内下载~
为什么不使用其他方式
1、富文本 : 不支持格式较多、不够稳定、不支持图片点击事件; 2、webview : 交互困难,页面无法使用其他组件; 3、效率较低、效果不好!
graceAnalysis 组件属性
article:{type : Array, default : []} 属性形式的文章项目, 具体结构参考 : https://grace.hcoder.net/api/html2array
文章项目结构
[{"type":"txt","content":""}, ......
支持的类型
txt - 普通文本 center - 居中 img - 图片 quote - 引用 pre - 代码块 strong - 加粗 link - 链接(微信小程展示文本) spline - 分隔线 [ 编辑器对应 hr 标签 ]
请站在我们的肩膀上,看得更好、做得更好
我们是提供一种思路和良好的解决方案,您可以理解原理改造组件及后端解析,打造出属于自己的完美解析器~
演示代码