常見網頁編輯器(富文本，Markdown，代碼編輯等)

編輯器：網頁不經常使用的功能，但卻又是不可少的功能，若是要造個編輯器輪子，它能夠把人玩死！！前端幾大禁忌就有富文本， 爲何都說富文本編輯器是天坑?

 

下面記錄一下常見的一些編輯器，該文隨時更新：

 

富文本編輯器

Tinymce

tinymce 是一家老牌作富文本的公司，它的產品經受了市場的承認，無論是文檔仍是配置的自由度都很好。

tinymce 的去格式化至關的好，它還有一些增值服務(付費插件)，最好用的就是powerpaste，很是的強大，支持從 word 裏面複製各類東西，並且還幫你順帶格式化了。

 

quill

一個很是火的富文本，長相很不錯。基於它寫插件也很簡單，api 設計也很簡單。樓主不選擇它的緣由是它對圖片的各類操做不友善，並且很難改。若是對圖片沒什麼操做的用戶，推薦使用。

 

slate

一個 徹底 可定製的富文本編輯框架。經過 Slate，你能夠構建出相似 Medium、Dropbox Paper 或者 Canvas 這樣使用直觀、富交互、體驗業已成爲 Web 應用標杆的編輯器。

同時，你也無需擔憂在代碼實現上陷入複雜度的泥潭之中。

 

ckeditor

一家老牌作富文本的公司，樓主舊版後臺用的就是這個，今年也出了 5.0 版本，ui 也變美觀了很多，至關的不錯，並且它號稱是插件最豐富的富文本了。推薦你們能夠試用一下。

 

wangEditor

一個國人寫的富文本，用過感受仍是不錯的。不過畢竟是我的的，不像專門公司作富文本的，配置型和豐富性不足。

 

squire

一個比較輕量的富文本，壓縮完才 11.5kb，相對於其它的富文原本說是很是的小了，推薦功能不復雜的建議使用。

 

UEditor

百度出品，ui 真的很差看，不符合當今審美了，官方也已經好久沒跟新過了。

 

medium-editor

大名鼎鼎的 medium 的富文本(非官方出品)，但完成度仍是不很不錯，拓展性也不錯。不過我以爲大部分用戶仍是會不習慣 medium 這種寫做方式的。

 

summernote

 一個對不推薦的富文本。這是一個韓國人開源的富文本(固然不推薦的理由不是由於這個)，它對不少富文本業界公認的默認行爲理解是反其道而行的，

並且只爲用了一個 dialog 的功能，引入了 bootstrap，一堆人抗議就是不改。格式化也是差勁。。反正不要用！不要用！不要用！

 

 

固然你也能夠選擇一些付費的富文本編輯器，如：froala-editor 這款編輯器。無論是美觀和易用性都是不錯的，公司買的是專業版，一年也就 $349 ，價格也是很合理的，但其實省去的程序員開發成本可能遠不止這個價錢。 # Tinymce

 

代碼編輯器

codemirror

 

Markdown 編輯器

tui.editor

simplemde-markdown-editor (已經好久不更新)

 

引用：https://panjiachen.github.io/vue-element-admin-site/zh/feature/component/rich-editor.html