编辑器导出内容支持带标签的 和纯文本的 text,编辑器内部采用 delta 格式进行存储。

通过setContents接口设置内容时,解析插入的 html 可能会由于一些非法标签导致解析错误,建议开发者在应用内使用时通过 delta 进行插入。

富文本组件内部引入了一些基本的样式使得内容可以正确的展示,开发时可以进行覆盖。需要注意的是,在其它组件或环境中使用富文本组件导出的html时,需要额外引入这段样式,并维护<ql-container><ql-editor></ql-editor></ql-container>的结构,参考:。

图片控件仅初始化时设置有效。

平台差异说明

本功能自HBuilderX2.0起支持。运行到微信小程序工具时,注意在微信工具里选择最新的基础库。

editor组件目前只有App的vue页面和微信支持,其他端的富文本编辑解决方案,可使用web-view加载web页面,也可搜索插件市场 获取简单的markdown富文本编辑器

编辑器内支持部分 HTML 标签和内连样式,不支持classid

`储存。

内联样式仅能设置在行内元素或块级元素上,不能同时设置。例如 font-size` 归类为行内元素属性,在 p 标签上设置是无效的。

padding padding-top padding-left padding-right padding-bottom line-height || 行内样式 | font font-size font-style font-variant font-weight font-familyletter-spacing text-decoration color background-color |

注意事项

  • 插入的 html 中事件绑定会被移除
  • 粘贴时仅纯文本内容会被拷贝进编辑器
  • 编辑器聚焦时页面会被上推,系统行为以保证编辑区可见示例代码