更新时间:2024-08-28 13:45:37收藏订阅更新我的文档设置返回文档简介富文本。使用限制●版本要求基础库 1.11.0 及以上,若版本较低,建议做 兼容处理。●native 渲染引擎:暂不支持。可以通过 my.caniuse('rich-text') 判断是否支持。●富文本里面写 js 不支持事件执行。●rich-text 支持 a 标签,不支持超链接,不支持注释。扫码体验使用在线示例属性说明属性类型描述nodesarray/string节点列表。基础库 2.8.5 开始支持 html string,2.8.5 以下版本可使用 将 html string 转化为 nodes 数组。spacestring显示连续空格。 有效值:●nbsp:根据字体设置的空格大小。●emsp:中文字符空格大小。●ensp:中文字符空格一半大小。版本要求:基础库 2.8.7 及以上。ontapeventhandle触摸。ontouchstarteventhandle触摸动作开始。ontouchmoveeventhandle触摸移动事件。ontouchcanceleventhandle触摸动作被打断。ontouchendeventhandle触摸动作结束。onlongtapeventhandle触摸后,超过 500ms 再离开。nodes 属性现支持两种节点:元素节点和文本节点,通过 type 来区分。默认是元素节点,在富文本区域里显示的 html 节点。元素节点属性类型必填描述typestring否节点类型 默认值:nodenamestring是标签名。支持部分受信任的 html 节点。attrsobject否属性。支持部分受信任的属性,遵循 pascal 命名法。childrenarray否子节点列表。结构和 nodes 相同。marksobject否可在 tap 和 longtap 事件中接收。 说明:自基础库 2.7.1 起,在 tap 和 longtap 事件中,可以通过 event.detail.marks 获得从触发事件的节点到根节点上所有的 marks 合并结果。如果存在同名数据,子节点将覆盖父节点。 受信任的 html 节点及属性。支持 class 和 style 属性,不支持 id 属性。节点额外支持的属性说明a--abbr--address-基础库 2.7.4 起支持article-基础库 2.7.4 起支持aside-基础库 2.7.4 起支持b--bdr-基础库 2.7.4 起支持bdodir基础库 2.7.4 起支持big-基础库 2.7.4 起支持blockquote--br--caption-基础库 2.7.4 起支持center-基础库 2.7.4 起支持cite-基础库 2.7.4 起支持code--colspan, width-colgroupspan, width-dd--del--div--dl--dt--em--fieldset--font-基础库 2.7.4 起支持footer-基础库 2.7.4 起支持h1--h2--h3--h4--h5--h6--header-基础库 2.7.4 起支持hr--i--imgalt, src, height, width-ins--label--legend--li--mark-基础库 2.7.4 起支持nav-基础库 2.7.4 起支持olstart, type-p--pre-基础库 2.7.4 起支持q--rt-基础库 2.7.4 起支持ruby-基础库 2.7.4 起支持s-基础库 2.7.4 起支持section-基础库 2.7.4 起支持small-基础库 2.7.4 起支持span-基础库 2.7.4 起支持strong--sub--sup--tablewidth-tbody--tdcolspan, height, rowspan, width-tfoot--thcolspan, height, rowspan, width-thead--tr--tt-基础库 2.7.4 起支持u-基础库 2.7.4 起支持ul--仅支持如下字符实体,其他字符实体会导致组件无法渲染。基础库 2.7.5 开始支持任意实体节点。显示结果描述实体名称空格。<小于号。<>大于号。>&和号。&"引号。"'撇号。'文本节点属性类型必填描述typestring是节点类型。type 为 texttextstring是文本。faqrich-text 富文本如何插入 html 包含标签的数据?需要自己将 html string 转化为 nodes 数组。如何处理 html string 中存在多个 img 标签且不闭合时,mini-html-parser 会转换错误? 0.3.0 已解决此问题,若当前使用老版本,请升级到最新的 0.3.0 版本即可。如何为 rich-text 富文本 添加链接跳转功能?受小程序管控原因,rich-text 中的 a 标签,无法像前端页面中,配置 即可实现跳转;小程序中需要使用对应的 jsapi 或者 路由 jsapi 实现跳转路由。即把跳转链接放到 node marks 属性中,通过 rich-text ontap 事件跳转。