编辑器导出内容支持带标签的 和纯文本的 text
,编辑器内部采用 delta
格式进行存储。
通过setContents
接口设置内容时,解析插入的 html
可能会由于一些非法标签导致解析错误,建议开发者在应用内使用时通过 delta 进行插入。
富文本组件内部引入了一些基本的样式使得内容可以正确的展示,开发时可以进行覆盖。需要注意的是,在其它组件或环境中使用富文本组件导出的html时,需要额外引入这段样式,并维护<ql-container><ql-editor></ql-editor></ql-container>
的结构,参考:。
图片控件仅初始化时设置有效。
平台差异说明
本功能自HBuilderX2.0起支持。运行到微信小程序工具时,注意在微信工具里选择最新的基础库。
editor组件目前只有App的vue页面和微信支持,其他端的富文本编辑解决方案,可使用web-view加载web页面,也可搜索插件市场 获取简单的markdown富文本编辑器
编辑器内支持部分 HTML 标签和内连样式,不支持class和id
`储存。
内联样式仅能设置在行内元素或块级元素上,不能同时设置。例如 font-size` 归类为行内元素属性,在 p 标签上设置是无效的。
padding
padding-top
padding-left
padding-right
padding-bottom
line-height
|| 行内样式 | font
font-size
font-style
font-variant
font-weight
font-family
letter-spacing
text-decoration
color
background-color
|
注意事项
- 插入的 html 中事件绑定会被移除
- 粘贴时仅纯文本内容会被拷贝进编辑器
- 编辑器聚焦时页面会被上推,系统行为以保证编辑区可见示例代码