手册版本 V6.0

组件介绍

gui-content-render [ 内容解析组件 ] 功能包括 :
1、解析 GraceUI 编辑器产生的内容;
2、经过转换( 我们提供 php 和 go 语言版本的转换代码 ) 可以适配各类网页编辑器，如 ：UEditor 生成的 html 内容;
3、提供图片预览功能、样式更好看，基于原生组件渲染，效率更高;

组件名称

gui-content-render : GraceUI 组件目录/gui-content-render.vue

兼容平台

组件属性

为什么使用此组件

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

项目数据结构

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

支持的类型

p - 普通文本

center - 居中

img - 图片

blockquote - 引用

pre - 代码块

strong - 加粗

a - 链接 

hr - 分隔线 [ 编辑器对应 hr 标签 ]
h1 ~ h6
video 视频

转换思路

我们提供了 php 和 go 语言版本的完整的配套后端源码，请在GraceUI 付费用户群内下载 ~

演示代码