微信小程序端富文本输入

有个需求是用户端也就是小程序端,需要可以富文本发布文章。

示例:

 

1、 下载组件-微信小程序editor富文本编辑器组件

2、放在小程序自定义组件文件夹下

3、需要用到的页面引入该组件

 "usingComponents": {
    "hg-editor":"/component/hg-editor/hg-editor"
  },

 4、将之前的textarea组件替换成
 

<hg-editor style="font-style:normal" bind:input="textareaChang"></hg-editor>

就OK啦!

组件里有些参数可以自己设置,比如“是否显示工具栏、默认文案、字体、斜体等等”

showTabBar :是否显示工具栏(默认为true,显示,如果改为false则为不显示)
placeholder:文本框提示文字,默认为“请输入相关内容”
name:是编辑器的name属性,默认为空
uploadImageURL:图片的上传地址,默认为空

来源:微信小程序开发之富文本编辑器 | 微信开放社区

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值