uniapp开发微信小程序富文本编辑器（样式仿腾讯文档）

照着腾讯文档小程序开发了微信小程序富文本编辑器组件，这几天做个整理，如有这个需求可以前往腾讯文档小程序 *** 作看看实际效果。毕竟参照的是微信自家小程耐坦悄序，无法做到百分百效果，只能按现有开放api尽可能实现。

项目地址：

https://github.com/chellel/wechat-editor-project

uniapp插件市场：

https://ext.dcloud.net.cn/plugin?id=6365

editor富文本编辑器组件官方文档：

https://developers.weixin.qq.com/miniprogram/dev/component/editor.html

否则会受到小程序css影响。小程序本身editor标签有css样式：

editor {

display: block

position: relative

box-sizing: border-box

-webkit-user-select: text

user-select: text

outline: 0

overflow: hidden

width: 100%

height: 200px

min-height: 200px

}

that.updatePosition(keyboardHeight)

that.editorCtx.scrollIntoView()

在插入目标文字时，将值设为\n'，可以实现换行

this.editorCtx.insertText({ text: '\n' })

参考：请问editor组件控制拉起键盘 *** 作支持吗？

https://developers.weixin.qq.com/community/develop/doc/0006eeb6ae8cf0e7f3293e13f56400?highLine=editor%25E6%2598%25BE%25E7%25A4%25BA%25E9%2594%25AE%25E7%259B%2598

小程序技术专员-sanford 2019-09-20

不支持的。iOS无法通过接口拉起键盘，必须用户点击；安卓则可以。所以，终究是不一致昌渣，不行。。

该组件主要为微信editor组件的api调用集成封装，因此受到的限制同文档描述一致，即编辑器内支持部分 HTML 标签和内联样式，不支持class和id，支持的标签详见： https://developers.weixin.qq.com/miniprogram/dev/component/editor.html 。

不满足的标签会被忽略，<div>会被转行为<p>储存。

这也是为什么在做富文本解析时，仅仅用rich-text组件无法有效还原html内容，在解信差析内容的时候就需要将内容中的HTML标签转换成微信小程序所支持的标签。因此最好方式是引入市场封装好的富文本解析插件去解析html。

所以，开发者需要自行权衡在做富文本编辑开发时，是否使用微信自带的editor组件，或者参考腾讯文档小程序采用webview内嵌网页等方式去渲染。

小程序富文本编辑器editor初体验：( https://www.jianshu.com/p/a932639ba7a6 )

如果是微信原生开发，将demo组件中的相关dom元素标签和api换成微信原生即可。

6月份开始，上线了就一直在跟大家强调，小程序是2017年后劲最大、最大的风口，当时很多人还不理解。直到灶锋最近小程序一下子火爆全国，不少人才来催着上线了更新关于小程序的文章。于是上线了整理了一隐陵晌下所有人的问题。大家最好奇汪衡的就是开发一个微信小程序难不难、要花多少时间、要花多少钱、要找什么样的团队做才放心。

今年6月份在头条的问答答案

其实很多问题的答案之前上线君已经写过了，开发小程序没有开发APP难，开发到上线最短只需要3-7个工作日。尤其是8月16日，上线了A轮融资发布会上线宣布了新品：小程序编辑器（editor1.0）之后，小程序的开发就跟网站建设一样，变成了一件非常简单、无需基础的事情。最短只需要10分钟，就能开发出好看、好用、优雅的小程序了。

至于开发一个微信小程序要花多少钱，这个问题，相信大家在各个渠道了解到的答案都不一样。就让上线了为大家系统地解答一下吧。

一、有的小程序是免费的

首先，我们必须要明确一个概念：有的小程序是免费的，完全免费的。上线了打造的文章类小程序，就是给所有自媒体人的一个福利。这款小程序针对所有用户，免费开放。只需要注册成为上线了的用户，在后台制作一款文章类小程序即可。整个制作过程流畅透明，所见即所得，什么都不需要懂，会写文章，就能开发小程序。郝景芳工作室就是上线了文章类小程序的1号用户。

郝景芳工作室的小程序

二、要明确小程序的用途

不同的小程序有不同的功能，电商企业需要电商类小程序，美发美容按摩家政等需要服务预定类小程序，餐厅酒吧需要点餐类小程序，酒店民宿旅社需要酒店预定类小程序由于类别和需求出发点不同，比如电商小程序和预约服务类小程序，用途也是不一样的。当然，也可以选择用电商小程序来售卖服务，但是这样就会牺牲一部分的用户体验。

服务类小程序

电商类小程序

有利的是，这些类型的小程序价格都是一样的，仅需3480元人民币一年。

三、小程序的售后服务和更新

小程序的价格，应该包含的是开发、上线、流畅的使用和后期的服务和更新，而不是一锤子买卖。所以在询问价格时应该确认“是否会有售后服务，售后服务是否包括产品优化、功能更新”。

---