小程序制作软件

一、知晓云

知晓云是爱范儿旗下继知晓程序（minapp.com，媒体和小程序商店）后又一个基于微信生态的核心产品。

是国内第一个专注于微信小程序开发的BaaS（Backend as a Service）产品，它可以让开橘友发者更快、更轻松地做出优美、稳定的小程序，且不失灵活性。

二、微信官方小程序开发工具

作为官方小程序开发工具，它只是个工具，而不是一个IDE。官方工具中的代码编辑功能，就是将vscode的代码编辑功能嵌入到工具中，不足以支撑开发。因为是官方工具所以微信官方小程序开发工具有着其他第三方平台不可比拟的天然优势。

三、Coolsite360

CoolSite360推出的小程序编辑器，可以帮助设计师无需编写wxml以及wxss代码，通过小程序可视化编辑器就可快速设计小程序交互UI。使用小程序编辑器设计的页面，可以方便地在微唯卖信及浏览器上预览，便于前期的原型展示分享。设计好的页面，可以一键导出符合小程序标准的代码，可直接进行功能开发。

四、即速应用

严格来说，即速应用不是为专业程序员准备的开发工具，但它绝对是一款功能非常强大的微信小程序制作工具。不懂技术不懂编程的小白，一定会爱上即圆山槐速应用这款工具的。

1.知乎云知乎云是爱范儿公司继知乎计划(minapp.com，媒体和小程序商店)之后，基于微胡唯信生巧链态的又一核心产品。是国内第一款专注于微信小程序开发的BaaS(Backend as a Service)产品，让开发者更快捷、更轻松地做出美观、稳定的小程序，同时又不失灵活性。2.微信官方小程序开发工具作为官方小程序开发工具，只是一个工具，不是IDE。官方工具中的代码编辑功能是将vscode的代码编辑功能嵌入到工具中，不足以支持开发。因为是官方工具，微信官方小程序开发工具有着其他第三方平台不可比拟的天然优势。3.酷派360酷派360推出的小程序编辑器可以帮助设计师快速设计小程序交互UI，无需编写wxml和wxss代码。用小程序编辑器设计的页面可以方便地在微信和浏览器上预览，方便前期原型展示和分享。设计的页裤宽培面可以一键导出符合小程序标准的代码，可以直接开发功能。

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

---