搜索
当前位置: 凤凰秒秒彩 > 读文本属性 >

想在小程序中快速部署富文本?这个插件让你一步搞定

gecimao 发表于 2019-06-24 20:32 | 查看: | 回复:

  继知晓云 SDK 小程序插件后,知晓云又发布了 wxParser 的小程序插件版本 wxParser-plugin,经过对 wxParser 进行一层封装后,解决了 wxParser 使用起来太过麻烦的问题。

  使用 wxParser 并配合富文本编辑器,可以很方便地开发内容展示类小程序,使用知晓云富文本编辑器效果更佳,还可以将小程序中需要可配置的内容保存到知晓云内容库。例如「知晓课堂」小程序中的微信小程序开发课程便是使用 wxParser 配合知晓云内容库完成的。

  目前 wxParser 支持对一般的富文本内容包括标题、字体大小、对齐和列表等进行解析。同时也支持表格、代码块、图片和音视频等复杂富文本内容的解析。

  以对在知晓云编写的富文本内容进行解析为例,进入到知晓云控制台,点击左侧内容菜单项,进入内容库管理面板,新建内容,即可看见富文本编辑器。编辑的内容(左)即经过 wxParser 解析后的样式(右)如下:

  同时,配合知晓云的富文本编辑器,可以实现将图片和音视频资源上传到 CDN,使用知晓云的文件管理功能可以方便地对这些资源进行管理。wxParser 不仅仅可以解析一般的富文本内容,它也可以解析一些小程序特有的属性,如下,你可以配置视频的静音、自动播放等功能,也可以配置音频组件的海报等功能。

  当然,并非一定要使用知晓云的内容库才能使用 wxParser,例如你可以使用百度的 UEditor 富文本编辑器编写你的内容,然后将生成的 HTML 配置到 wxParser 即可。

  在小程序中使用 wxParser,你需要在项目中引入 wxParser JS 库,同时,需要在相应的 WXML、WXSS 和 JS 文件中引入 wxParser 的模板、样式文件和编写初始化代码,少了任何一步,程序都不能正常工作。

  而在使用 wxParser 小程序插件后,不再需要引入 wxParser JS 库了,你可以像使用普通组件一样使用 wxParser,只需要对组件的属性进行配置即可,省去了引入多个库文件的操作。

  3. 在需要使用到该插件的小程序页面的 JSON 配置文件中,做如下配置:

  然后在需要展示富文本内容的地方,使用wxparser组件,为rich-text属性赋值上你的富文本内容即可。

  同时,插件也提供了bind:tapImg和bind:tapImg两个监听事件用于点击图片和链接时的自定义处理,详细使用可参考插件的文档。

  知晓程序推出首个「插件市场」,免费为开发者提供插件的展示与交易服务,让优秀的插件快速对接用户。

  目前,首批入驻开发者 100 人计划持续招募中!成为受邀开发者的条件只有一个:了解并熟悉小程序开发!

  1. 如果你是对插件有兴趣的开发者,请添加晓小云(ID:minsupport3),加入插件开发讨论群。

  2. 如果你已经成功开发插件,请用电脑访问 ,点击顶部「插件市场」按钮,上传并提交你的小程序插件信息。

本文链接:http://arnybarn.net/duwenbenshuxing/647.html
随机为您推荐歌词

联系我们 | 关于我们 | 网友投稿 | 版权声明 | 广告服务 | 站点统计 | 网站地图

版权声明:本站资源均来自互联网,如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

Copyright @ 2012-2013 织梦猫 版权所有  Powered by Dedecms 5.7
渝ICP备10013703号  

回顶部