推荐几个非常不错的富文本编辑器 - 走看看

> 本文由 [简悦 SimpRead](http://ksria.com/simpread/) 转码， 原文地址 [t.zoukankan.com](http://t.zoukankan.com/jiangqw-p-12274157.html)

推荐几个非常不错的富文本编辑器
===============

**1、wangEditor**——基于 javascript 和 css 开发的 Web 富文本编辑器， 轻量、简洁、界面美观、易用、开源免费。

界面截图：[官网地址](http://www.wangeditor.com/)

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cucXNwLm5ldC5jbi91cGxvYWQvMjAxOS8wOC8xMC91YmFuZ19pbWFnZV8yMDE5MDgxMDE1MjY3OS5wbmc?x-oss-process=image/format,png)

**2、TinyMCE**——TinyMCE 是一个轻量级的基于浏览器的所见即所得编辑器，由 JavaScript 写成。它对 IE6 + 和 Firefox1.5 + 都有着非常良好的支持。功能齐全，界面美观，就是文档是英文的，对开发人员英文水平有一定要求。

界面截图：[官网地址](https://www.tiny.cloud/docs/demo/full-featured/)

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cucXNwLm5ldC5jbi91cGxvYWQvMjAxOS8wOC8xMC91YmFuZ19pbWFnZV8yMDE5MDgxMDMwNzI1NS5wbmc?x-oss-process=image/format,png)

**3、百度 ueditor**——UEditor 是由百度 web 前端研发部开发所见即所得富文本 web 编辑器，具有轻量，功能齐全，可定制，注重用户体验等特点，开源基于 MIT 协议，允许自由使用和修改代码，缺点是已经没有更新了

界面截图：[官网地址](https://ueditor.baidu.com/website/onlinedemo.html)

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cucXNwLm5ldC5jbi91cGxvYWQvMjAxOS8wOC8xMC91YmFuZ19pbWFnZV8yMDE5MDgxMDMzNDc5MS5wbmc?x-oss-process=image/format,png)

**4、kindeditor**——界面经典。

界面截图：[官网地址](http://kindeditor.net/demo.php)

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cucXNwLm5ldC5jbi91cGxvYWQvMjAxOS8wOC8xMC91YmFuZ19pbWFnZV8yMDE5MDgxMDk2MzUxMS5wbmc?x-oss-process=image/format,png)

**5、Textbox**——Textbox 是一款极简但功能强大的在线文本编辑器，支持桌面设备和移动设备。主要功能包含内置的图像处理和存储、文件拖放、拼写检查和自动更正。此外，该工具还实现了屏幕阅读器等辅助技术，并符合 WAI-ARIA 可访问性标准。

界面截图：[官网地址](https://textbox.io/)

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cucXNwLm5ldC5jbi91cGxvYWQvMjAxOS8wOC8xMC91YmFuZ19pbWFnZV8yMDE5MDgxMDMxNjcyNC5wbmc?x-oss-process=image/format,png)

**6、CKEditor**——国外的，界面美观。

界面截图：[官网地址](https://ckeditor.com/ckeditor-5/demo/)

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cucXNwLm5ldC5jbi91cGxvYWQvMjAxOS8wOC8xMC91YmFuZ19pbWFnZV8yMDE5MDgxMDM1MzEzOC5wbmc?x-oss-process=image/format,png)

**6、quill**——功能强大，还可以编辑公式等

界面截图：[官网地址](https://quilljs.com/)

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cucXNwLm5ldC5jbi91cGxvYWQvMjAxOS8wOC8xMC91YmFuZ19pbWFnZV8yMDE5MDgxMDc1Njk4MC5wbmc?x-oss-process=image/format,png)

**7、simditor**——界面美观，功能较全。（个人博客考虑使用）

界面截图：[官网地址 (网址打开较慢)](https://simditor.tower.im/)

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cucXNwLm5ldC5jbi91cGxvYWQvMjAxOS8wOC8xMC91YmFuZ19pbWFnZV8yMDE5MDgxMDIxMzk4OS5wbmc?x-oss-process=image/format,png)

**8、summernote**——UI 好看，精美

界面截图：[官网地址](https://summernote.org/)

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cucXNwLm5ldC5jbi91cGxvYWQvMjAxOS8wOC8xMC91YmFuZ19pbWFnZV8yMDE5MDgxMDUzMDc1Mi5wbmc?x-oss-process=image/format,png)

**9、****jodit**——功能齐全

界面截图：[官网地址](https://xdsoft.net/jodit/)

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cucXNwLm5ldC5jbi91cGxvYWQvMjAxOS8wOS8xNC91YmFuZ19pbWFnZV8yMDE5MDkxNDg0MTQyMi5wbmc?x-oss-process=image/format,png)

**10、****Editor.md**——功能非常丰富的编辑器，左端编辑，右端预览，非常方便，完全免费

界面截图：[官网地址](https://pandao.github.io/editor.md/)

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cucXNwLm5ldC5jbi91cGxvYWQvMjAxOS8wOS8xNC91YmFuZ19pbWFnZV8yMDE5MDkxNDQwMzI2Mi5wbmc?x-oss-process=image/format,png)

**11、froala Editor**——界面非常好看，功能非常强大，非常好用（非免费，可破解）

界面截图：[官网地址](https://www.froala.com/wysiwyg-editor)

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cucXNwLm5ldC5jbi91cGxvYWQvMjAxOS8wOS8yNS91YmFuZ19pbWFnZV8yMDE5MDkyNTE0ODgzNy5wbmc?x-oss-process=image/format,png)

**12、syncfusion**

界面截图：[官网地址](https://ej2.syncfusion.com/react/demos/#/material/rich-text-editor/tools)

![](https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cucXNwLm5ldC5jbi91cGxvYWQvMjAxOS8xMC8yNi91YmFuZ19pbWFnZV8yMDE5MTAyNjc3MTU1My5wbmc?x-oss-process=image/format,png)

目前可用的富文本编辑器很多，笔者挑出其中一些常用的，仅供参考。

原文链接：[https://www.qsp.net.cn/art/168.html](https://www.qsp.net.cn/art/168.html)