资讯专栏INFORMATION COLUMN

微信小程序Markdown渲染组件wemark

ctriptech / 2205人阅读

摘要:可以实现在小程序下渲染内容,支持图片表格在内的大部分特性。运行效果其他项目地址小程序推荐百科知识词典

wemark可以实现在小程序下渲染Markdown内容,支持图片、表格在内的大部分Markdown特性。

特性

以小程序自定义组件形式提供,可直接引入使用

支持大部分markdown标记的解析、渲染

支持代码表格、代码高亮、HTML视频等特性

支持使用原生rich-text进行渲染

兼容mpvue等开发框架

使用

1、下载并拷贝wemark目录到小程序根目录

2、在页面的配置文件中引用wemark组件

{
    "usingComponents": {
        "wemark": "../wemark/wemark"
    }
}

3、 WXML中使用:



参数说明:

md,必填,需要渲染的Markdown字符串;

link,是否解析链接,如果解析,会使用小程序navigator组件展现,可在小程序内跳转,默认为false;

highlight,是否对代码进行高亮处理,默认为false;

type,渲染方式,wemark会使用wemark的数据结构和模板进行渲染,rich-text会使用小程序内置的rich-text组件进行渲染(不支持链接跳转、视频)。

运行效果



其他

wemark项目地址:https://github.com/TooBug/wemark

【小程序推荐】百科知识词典

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/98576.html

相关文章

  • OpenDigg前端开源项目周报1219

    摘要:由出品的前端开源项目周报第二期来啦。我们的前端开源周报集合了一周来新收录的优质的前端开发方面的开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 由OpenDigg 出品的前端开源项目周报第二期来啦。我们的前端开源周报集合了OpenDigg一周来新收录的优质的前端开发方面的开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 react-fix-it 根据error自动生...

    bitkylin 评论0 收藏0
  • OpenDigg前端开源项目周报1219

    摘要:由出品的前端开源项目周报第二期来啦。我们的前端开源周报集合了一周来新收录的优质的前端开发方面的开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 由OpenDigg 出品的前端开源项目周报第二期来啦。我们的前端开源周报集合了OpenDigg一周来新收录的优质的前端开发方面的开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 react-fix-it 根据error自动生...

    MartinDai 评论0 收藏0
  • OpenDigg前端开源项目周报1219

    摘要:由出品的前端开源项目周报第二期来啦。我们的前端开源周报集合了一周来新收录的优质的前端开发方面的开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 由OpenDigg 出品的前端开源项目周报第二期来啦。我们的前端开源周报集合了OpenDigg一周来新收录的优质的前端开发方面的开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 react-fix-it 根据error自动生...

    wpw 评论0 收藏0
  • 信小程序资源汇总

    awesome-github-wechat-weapp 是由OpenDigg整理并维护的微信小程序开源项目库集合。我们会定期同步上的项目到这里,也欢迎各位 UI组件开发框架实用库开发工具服务端项目实例Demo UI组件 weui-wxss ★1873 - 同微信原生视觉体验一致的基础样式库zanui-weapp ★794 - 好用易扩展的小程序 UI 库wx-charts ★449 - 微信小程...

    Olivia 评论0 收藏0

发表评论

0条评论

ctriptech

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<