手机端富文本编辑器？github地址： https://github.com/yuruiyin/RichEditor 该组件是基于原生EditText+span的方式实现的，旨在提供一个功能齐全且使用方便的Android富文本编辑器。主要支持了加粗斜体等行内样式、那么，手机端富文本编辑器？一起来了解一下吧。
在项目需要用到富文本编辑器时，自己也筛选过不少插件，最终选择了froala-editor，UI简单功能强大，也列出了很多国外大佬在使用，自己实战后确实感觉比其他的富文本编辑器好。
： https://froala.com/
main.js 或者写在其他js文件再从main.js引入
1.新建froalaEditor.vue文件
2.自定义上传图片
3.小坑
该编辑器属于付费使用，不付费默认会带上他的标语，所以保存内容的时候要过滤
4.文档
https://froala.com/wysiwyg-editor/docs/framework-plugins/vue/#model
用了这个富文本编辑器后，感觉我很嫌弃以前用过的编辑器，哈哈，还有，我添加了自定义上传图片的案例，小伙伴们可以按照自己的实际情况来修改，上传的话也是如此。拜拜
——By kkc_hq
基于原生EditText+span实现的Android富文本编辑器
github地址： https://github.com/yuruiyin/RichEditor
该组件是基于原生EditText+span的方式实现的，旨在提供一个功能齐全且使用方便的Android富文本编辑器。主要支持了加粗斜体等行内样式、标题引用等段内样式以及插入图片甚至自定义View等。
Step 1. Add the JitPack repository in your root build.gradle at the end of repositories:
Step 2. Add the dependency in your app build.gradle:
说明：各个样式按钮的layout由调用方自行完成
说明：其中ivBold为加粗ImageView，由调用方在layout中定义；R.mipmap.icon_bold_normal和R.mipmap.icon_bold_light是加粗按钮正常状态和点亮状态图片的资源id。
说明：插入自定义布局最终也是通过bitmap以ImageSpan的形式插入到编辑器中的。
在刚开发的项目之中，在移动端/PC端，需要一个富文本编辑器，要求：简单-轻量-实用。比较了几种编辑器后，选择了wangEditor。
移动端的截图（手机效果好些）：
PC端的截图：
在wangEditor的（ http://www.wangeditor.com/ ）中，提供了一些常用的，可以按需来配置，还可以自己二次封装：
先说配置：在PC端直接引入 wangEditor.js来创建，在移动端用的vue.js模块开发，所以用的： npm install wangeditor 来安装。
移动端：
1 .import wangeditor from 'wangeditor' 来引入
2 .this.editor = new wangeditor ('#div1')
4 .配置需要的选项，具体的到查看
5.常用的配置：
6 .this.editor.create(); //创建编辑器，到这里创建就完成了。
7 . 但是你去发现在移动端，会不怎么适配，这时候就需要用rem来做适配。
如果：想要自己改变样式，那么直接在 node_moudles/wangwditor 下找到 wangEditor.js ，来自行修改。
微信小程序富文本编辑器内容提交到后台方法如下：
1、在前端页面中，获取富文本编辑器中的内容。可以使用小程序提供的wx.createSelectorQuery()方法结合Node节点操作获取富文本编辑器的内容。
2、将获取到的富文本编辑器的内容转换为符合后台接口要求的格式。例如，可以将内容转换为JSON格式或者HTML格式，以便后台可以方便地解析和处理。
3、发送请求到后台接口，并将转换后的内容作为请求参数进行提交。
4、在后台接口中，解析和处理富文本编辑器的内容，例如可以将内容存储到数据库中或者进行其他的业务处理。
照着腾讯文档小程序开发了微信小程序富文本编辑器组件，这几天做个整理，如有这个需求可以前往腾讯文档小程序操作看看实际效果。毕竟参照的是微信自家小程序，无法做到百分百效果，只能按现有开放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
不支持的。
以上就是手机端富文本编辑器的全部内容，富文本编辑器，Multi-function Text Editor, 简称 MTE, 它提供类似于 Microsoft Word 的编辑功能，容易被不会编写 HTML 的用户并需要设置各种文本格式的用户所喜爱。它的应用也越来越广泛。最先只有 IE 浏览器支持。
