All Projects → umaim → Taro-ParserRichText

umaim / Taro-ParserRichText

Licence: MIT license
适用于 Taro 的小程序富文本组件

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Projects that are alternatives of or similar to Taro-ParserRichText

patrick-wechat
⭐️🐟 questionnaire wechat app built with taro, taro-ui and heart. 微信问卷小程序
Stars: ✭ 74 (+131.25%)
Mutual labels:  wechat-mini-program, taro
Taro Ui
一款基于 Taro 框架开发的多端 UI 组件库
Stars: ✭ 3,806 (+11793.75%)
Mutual labels:  wechat-mini-program, taro
elf-taro
Taro 小程序 脚手架 (Taro 3 + Dva + Typescript + Immer) - 内置 Redux 计数器, 异步数据请求 与 腾讯小程序地图 demo
Stars: ✭ 61 (+90.63%)
Mutual labels:  wechat-mini-program, taro
Taro
开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
Stars: ✭ 30,230 (+94368.75%)
Mutual labels:  wechat-mini-program, taro
natsuha-weather
Natsuha Weather for WeChat Mini Program.
Stars: ✭ 33 (+3.13%)
Mutual labels:  wechat-mini-program, taro
taro3-vue3-template
一个基于 Taro3 和 Vue3 框架微信小程序模版。 核心技术采用Taro3、Vue3、TypeScript、NutUi、Vux4/Pinia、VueUse
Stars: ✭ 115 (+259.38%)
Mutual labels:  wechat-mini-program, taro
classmate-map
🧭 一款设计精美、体验优良的地图信息展示小程序,一个更有意思的同学录,可以在小程序中查看班级同学的毕业去向以及地域分布,多联(蹭)系(饭)。
Stars: ✭ 79 (+146.88%)
Mutual labels:  wechat-mini-program, taro
Taro-sign
Taro 开发的 思政教育签到小程序
Stars: ✭ 27 (-15.62%)
Mutual labels:  taro
miniprogram-template
a wechat miniprogram template project the best practice with miniprogram-build 小程序模板最佳实践(TypeScript)
Stars: ✭ 46 (+43.75%)
Mutual labels:  wechat-mini-program
reversevoice
倒放挑战 - ReverseVoice Ts Node Taro
Stars: ✭ 24 (-25%)
Mutual labels:  wechat-mini-program
taroCloud
记日常、GitHub trending资讯小程序 taro-hooks + rematch+云开发
Stars: ✭ 25 (-21.87%)
Mutual labels:  taro
Metro-Weapp
微信小程序-上海地铁Lite
Stars: ✭ 15 (-53.12%)
Mutual labels:  wechat-mini-program
miniprogram-picker
微信小程序自定义组件Picker。本组件对微信小程序原生Picker组件进行了二次封装,开发者只需要提供固定数据结构的sourceData,再进行一些必要配置,本组件就可以自动帮助开发者处理联动逻辑。
Stars: ✭ 30 (-6.25%)
Mutual labels:  wechat-mini-program
unicode-formatter
Convert portions of text to fancy text using unicode fonts for use on Twitter and other sites that don't support rich text
Stars: ✭ 31 (-3.12%)
Mutual labels:  rich-text
cheers-mp
Almost 零配置微信原生小程序脚手架,vue-cli般的体验~ (゜-゜)つロ 干杯~
Stars: ✭ 32 (+0%)
Mutual labels:  wechat-mini-program
scrum-planning-poker
Please feel FREE to try it and give feedback by searching Scrum敏捷估算 in WeChat mini program.
Stars: ✭ 30 (-6.25%)
Mutual labels:  wechat-mini-program
rich-text
A set of companion packages for GraphCMS's Rich Text Field
Stars: ✭ 62 (+93.75%)
Mutual labels:  rich-text
mp-progress
专注于小程序圆环形进度条的小工具
Stars: ✭ 72 (+125%)
Mutual labels:  wechat-mini-program
textbus
Textbus 是一个组件化的、数据驱动的富文本框架,支持在线协同编辑,同时也可以作为一个开箱即用的富文本编辑器,拥有非常好的扩展性和可定制性,是构建复杂富文本的不二之选!
Stars: ✭ 642 (+1906.25%)
Mutual labels:  rich-text
WeChatMiniAppSignalRClient
微信小程序 Asp.net Core SignalR Client 代码片段演示
Stars: ✭ 27 (-15.62%)
Mutual labels:  wechat-mini-program

Taro-ParserRichText

适用于 Taro 的小程序富文本组件,是对 Parser 的一个 Taro 组件封装

目前只适用于微信小程序

用法

  1. ParserRichText 文件夹复制到项目 components 文件夹中
  2. 在需要富文本渲染的页面/组件中导入组件 import ParserRichText from '组件路径';
  3. 需要使用的地方使用 ParserRichText 组件即可,访问 Parser 了解参数详情及注意事项
  4. NervJS/taro#3885 未解决之前,需要在 config/index.js 文件中添加 config.copy.patterns 复制组件到目标文件夹。参考:config/index.js#L32

请访问 Parser 原仓库了解更多参数详解及注意事项

Demo 示例

本组件用于 SteamCN 论坛微信小程序 主贴内容及回复内容的富文本渲染,可在此项目中参考使用方法及预览效果

组件中使用:https://github.com/xPixv/SteamCN-Mini-Program/blob/master/src/components/ReplyCard/replyCard.tsx

页面中使用:https://github.com/xPixv/SteamCN-Mini-Program/blob/master/src/pages/thread/thread.tsx

反馈及建议

欢迎 提出 issue 及 PR

开源许可

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].