手册版本 V3.0

组件名称

graceAnalysis : /graceUI/组件目录/graceAnalysis

功能介绍

graceAnalysis : /graceUI/组件目录/graceAnalysis

graceAnalysis [ html 内容解析组件 ] 可以用于展示 “项目后台使用百度编辑器及其他通用编辑器产生的 html 内容”；
使用场景 : 文章内容展示、商品详情展示等;
同时也可以用于直接解析 GraceUI 编辑器产生的内容。 功能包括 : 

1、支持解析 GraceUI 编辑器产生的内容;
2、经过转换( 我们提供 php 版本的转换代码 ) 可以适配 百度 UEditor 生成的 html 内容;
3、提供图片预览功能;

转换思路

我们提供了 我们提供 php 版本的 百度 UEditor 生成内容的转换代码，请在GraceUI 付费用户群内下载~

为什么使用此组件

1、富文本 : 不支持格式较多、不够稳定、不支持图片点击事件;
2、webview : 交互困难，页面无法使用其他组件;
3、效率较低、效果不好!

组件属性

article:{type : Array, default : []}
属性形式的文章项目, 具体结构参考 : https://grace.hcoder.net/api/html2array

项目数据结构

[{"type":"txt","content":""},
......

支持的类型

txt - 普通文本
center - 居中
img - 图片
quote - 引用
pre - 代码块
strong - 加粗
link - 链接(微信小程展示文本)
spline - 分隔线 [ 编辑器对应 hr 标签 ]

做得更好

请站在我们的肩膀上，看得更好、做得更好！
我们是提供一种思路和基础的解决方案，您可以理解原理改造组件及后端解析，打造出属于自己的完美解析器~

演示代码