当前位置: 首页 > article >正文

微信小程序富文本拓展rich-text

微信小程序富文本插件

功能介绍

  • 支持解析<style>标签中的全局样式
  • 支持自定义默认的标签样式
  • 支持自动设置标题
    html中存在title标签,将自动把title标签的内容设置到页面的标题上,并在回调bindparse中返回,可以用于转发
  • 支持添加加载提示
    可以在Parser标签内添加加载提示或动画,将在未加载完成或内容为空时显示,加载完成后自动隐藏
  • 支持动画显示效果
    通过设置show-with-animation属性可以实现内容加载完成后渐显的动画效果
  • 支持多资源加载
    可以在videoaudio中设置多个source标签,组件将按顺序进行加载,若前面的链接无法播放,将自动切换下一个链接进行加载和播放,直到最后一个链接;可用于解决平台差异,最大程度避免无法播放
  • 支持长按复制内容
    通过设置selectable属性可以实现长按复制任意内容
  • 支持的标签种类丰富,包括视频表格
  • 图片支持大小自适应,点击图片可以预览(预览时通过左右滑动可以查看所有图片);对于一些装饰性的图片,可以对其设置ignore属性,设置后将无法预览
  • 点击a标签,若href为小程序内部页面路径,将直接跳转;若是网页链接,则可以自动复制链接(可通过autocopy属性控制),并在浏览器中打开;点击时将有下划线和半透明的效果,支持图片链接。链接被点击时会触发bindlinkpress事件,可以在该回调中进行下载附件等更多操作
  • 支持解析有序列表和无序列表(直接由rich-text进行显示)
  • 容错性强,稳定性高,不需要网络请求
  • 功能强大,支持无限层级,解析速度快,包大小仅约34.8KB

详细可见:功能介绍

使用方法

  1. 下载Parser文件夹至小程序目录
    页面结构

  2. 在需要引用的页面的json文件中添加

    {
         
      "usingComponents": {
         
        "Parser":"/Parser/index"
      }
    

http://www.kler.cn/a/145799.html

相关文章:

  • Golang Gin系列-5:数据模型和数据库
  • Android系统开发(六):从Linux到Android:模块化开发,GKI内核的硬核科普
  • 图的基本概念
  • 【知识分享】PCIe5.0 TxRx 电气设计参数汇总
  • 数据结构学习记录-队列
  • Python绘制数据地图-MovingPandas
  • 【Spring Boot】如何集成Swagger
  • Python---函数的数据---拆包的应用案例(两个变量值互换,*args, **kwargs调用时传递参数用法)
  • 数据同步异常处理,数据同步重试机制(Java)
  • 1.1 C语言之入门:使用Visual Studio Community 2022运行hello world
  • Kotlin应用——使用kt进行web开发 使用h2database进行初始化数据库 mybatis-plus使用
  • 单片机调试技巧--修改bin文件实现断点
  • pytorch分布式训练
  • 【youlai-boot 】 Spring Boot 3 + Vue 3 前后端分离权限管理系统说明文档
  • 枚举的第一行
  • linux部署jar 常见问题
  • Postgresql WAL日志解析挖掘(walminer 3.0)
  • 基于Python实现汽车销售数据可视化+预测【500010086.1】
  • css Vue尺子样式
  • Spring Boot 项目中读取 YAML 文件中的数组、集合和 HashMap
  • 基于单片机的智能鱼缸(论文+源码)
  • 从零开始学习管道:管道程序的优化和文件描述符继承问题
  • 如何将 Python 运用到实际的测试工作中
  • 计算机毕业设计 基于SpringBoot的物业管理系统的设计与实现 Java实战项目 附源码+文档+视频讲解
  • 基于OpenCV+MediaPipe的手势识别
  • 【搜维尔科技】产品推荐:Virtuose 6D RV,大型工作空间触觉设备