评论

富文本插件体验小程序

新富文本插件体验小程序上线啦

简介

上周发布的 新富文本显示插件(动态更新) 收获了许多关注,为方便大家了解和体验,demo小程序上线啦

大家可以在这里查看介绍和示例或者进行自定义的测试,发现任何问题都欢迎反馈哦

立即体验

GitHub链接

Github链接

更新日志

  • 2019.4.29:
    1. A 增加支持将title标签中的内容设置到页面标题上,并在bindparse回调中返回(可用于转发分享)
    2. A 增加scroll属性,可以选择是否允许页面横向滚动
    3. U style标签中的样式支持更多匹配模式(包括单层多个.demo1.demo2和多个并列.demo1,.demo2等,另外对于伪类、多层的以及含有@或*的将直接忽略)
    4. Uimg标签没有src属性,但有data-src属性时,将直接把data-src属性赋给src属性,避免无法显示
    5. F 修复了已知bug
  • 2019.4.28:
    1. U 优化图片显示效果,对没有设置宽高的图片,按原大小显示(最大不超过100%);设置了宽度或高度之一的,按比例进行缩放;同时设置了宽度和高度的,按设置的值进行拉伸;图片无法显示时,可以显示alt属性中的文本;但由于这些特性需要通过rich-text显示,因此取消了lazyload属性
    2. U 优化了a标签的内联效果
  • 2019.4.26:
    1. A 增加支持pre, u, center, source等标签
    2. A 增加bindlinkpress回调函数,在链接受到点击时触发,开发者可以在此回调中进行进一步操作(如下载和打开文档等)
    3. A 增加支持代码高亮
    4. U 对于不在支持列表中的标签,除个别直接移除外,都会被转为div标签,因此可以使用一些语义化标签,如article, address
    5. U 提高了解析效率和渲染效率(约10%
    6. D 删除了preview属性,默认允许图片预览
    7. D 删除了space属性,由于设置连续空格会使得标签间的空格都被显示,导致错误的效果,因此取消了这一属性;如需要显示连续空格,请使用实体编码的空格,如 ,  
    8. F 修复了已知bug
  • 2019.4.21:
    1. A 增加了tagStyle属性,支持对标签设置自定义样式
    2. A 发布了demo小程序
    3. U 降低了最低基础库的要求
    4. F 修复了已知bug
  • 2019.4.18:
    1. A 增加支持audio标签
    2. A 增加支持图片懒加载(lazyload属性)
    3. U 优化acodeblockquote等标签显示效果
    4. F 修复了已知bug
  • 2019.4.16:
    1. U 精简插件包的大小
    2. F 修复已知bug
  • 2019.4.14:
    1. U style标签中的样式支持按标签名匹配,如body{ Object }
最后一次编辑于  2019-05-06  
点赞 13
收藏
评论

18 个评论

  • 2481度
    2481度
    2019-09-25

    有没有遇到\r\n没有解析的,这个需要设置什么吗?


    2019-09-25
    赞同
    回复 2
    • 金煜峰
      金煜峰
      2019-09-25
      html里\r\n本来就不解析的哦,换行要用br标签
      2019-09-25
      回复
    • 2481度
      2481度
      2019-09-25回复金煜峰
      好的,谢谢,那我这边替换一下。
      2019-09-25
      回复
  • ᴴᴱᴸᴸᴼ
    ᴴᴱᴸᴸᴼ
    2019-08-29

    这个一些数学公式能渲染出来吗

    2019-08-29
    赞同
    回复 1
    • 金煜峰
      金煜峰
      2019-08-30
      只有像sub,sup这种简单的上下标可以,更复杂的就不行了
      2019-08-30
      回复
  • 2481度
    2481度
    2019-08-23

    h1-h6解析部分会有行高问题,有遇到的吗?app.wxss .h1设置行高也没有生效



    2019-08-23
    赞同
    回复 1
    • 金煜峰
      金煜峰
      2019-08-23

      是不是哪里限制了行高呢,提供一下html?我试了以下单独一个h1是没有问题的

      2019-08-23
      回复
  • wait
    wait
    2019-06-19

    感谢大佬

    2019-06-19
    赞同
    回复
  • 玲珑咖啡💢💢💢
    玲珑咖啡💢💢💢
    2019-05-29

    对于后台传过来的富文本解析之后,文本宽度大于了视窗宽度,会左右滑动,这个怎么自动换行

    2019-05-29
    赞同
    回复
  • Embrace
    Embrace
    2019-05-08

    只能是富文本的吗?如果html页面有点击事件的怎么弄?


    2019-05-08
    赞同
    回复 1
    • 金煜峰
      金煜峰
      2019-05-08

      前端插件包只支持html,如果需要markdown等更多模式可以使用配套的nodejs包(npm链接)。目前只有a标签受到点击时有点击事件回调,其他标签暂不支持

      2019-05-08
      回复
  • 陈殿坤
    陈殿坤
    2019-05-05

    辛苦楼主,有一点想了解下,将rich-text分成多个时,渲染时间会增加多少啊?html三种格式,哪一种格式渲染速度更快,消耗内存更少啊?

    2019-05-05
    赞同
    回复 2
    • 金煜峰
      金煜峰
      2019-05-05

      将rich-text分成多个可能会增加一定的渲染时间(具体没有计算过),但是对于该节点下没有图片、链接等的将直接用一个rich-text显示,因此一般情况下不会有太多的分支(比全部递归循环下去要快很多),可以在体验小程序中体验一下。html传入Array或Object类型将不需要进行解析,比传入String类型要快一些

      2019-05-05
      回复
    • 陈殿坤
      陈殿坤
      2019-05-06

      多谢!楼主整理的对我的工作很有帮助,谢谢

      2019-05-06
      回复
  • 哆啦C梦
    哆啦C梦
    2019-04-28

    支持渲染一个完整的html文件?<html></html>里面包裹的所有内容

    2019-04-28
    赞同
    回复 1
    • 金煜峰
      金煜峰
      2019-04-28

      可以的哦,会自动过滤掉script和head等

      2019-04-28
      回复
  • 玲珑咖啡💢💢💢
    玲珑咖啡💢💢💢
    2019-04-26

    准备体验一下

    2019-04-26
    赞同
    回复
  • 临尘
    临尘
    2019-04-26

    我要去使用一下,这个不错哦~


    2019-04-26
    赞同
    回复

正在加载...

登录 后发表内容