I'm Sham
一个尝试做码农的行政文员

小程序制作笔记-添加Ueditor富文本编辑器

因为公司会有公告、活动、规章制度等文本,为了方便添加,给小程序后台添加了1个 Ueditor 富文本编辑器,用起来很方便,只要复制word文档内容,然后到编辑器内粘帖一下就可以了,就是可能编辑器会自动添加左右边距等,样式不一定是你要的,也很简单,一键清除样式,然后再排版一下就好了。

下面就是如何添加Uedit编辑器和简单的提交数据到数据库的方法。

首先是下载Ueditor编辑器:

百度下就能看到官网,毕竟是百度的东西,因为Sham用的是PHP后台,所以选择下载PHP版。然后上传到服务器内,假设将编辑器文件夹放在Public文件夹目录下,下面就是将编辑器插入到表单中以便提交,下面上代码:

然后就是添加接受数据并上传服务器的文件,代码如下:

这样,简单的一个富文本编辑提交就完成了,效果见下方图片。

后续:不知道是不是因为编辑器自身问题,添加视频功能按钮使用后,会变成添加图片,需要找到编辑器文件中的 ueditor.all.js ,然后找到 me.commands[“insertvideo”] ,将里面的 将image 改为 video,保存就可以了。

上述完成之后,想要在小程序中显示出来,还需要让小程序有解析富文本的功能,感谢强大的网友,提供了wxParse插件,后续会分享使用wxParse的方法,或者也可以直接百度之。

赞(0) 赏杯咖啡!
未经允许不得转载:Sham@双目瞿 » 小程序制作笔记-添加Ueditor富文本编辑器
分享到: 更多 (0)
【采购季】上云仅¥223/3年

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

如果你觉得文章好,请赏1杯速溶咖啡给Sham吧!

微信扫一扫打赏