久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區

標題: dzx 編輯器替換哪個好？ [打印本頁]

作者: lovetvb 時間: 2022-6-10 02:18
標題: dzx 編輯器替換哪個好？
感覺所見所得的模式發帖挺不錯的，網上的文章圖片復制粘貼就全部過來了

但有時多了很多html代碼得手動切換屯文本模式，復制粘貼記事本程序再全部替換，替換好后再粘貼到屯文本模式發帖

感覺 bbcode編輯器不是太完美，想換個好的
不知道那個編輯器好？

UltraEdit是電腦上的軟件，跟網頁上的編輯器完全不是一個概念。
Ueditor是百度的，已經停更好多年了，且安全性也存在疑慮。
Kindeditor同上，更新時間：2016-03-31
Ewebeditor（很喜歡可惜收費）HTML編輯器感覺也不太安全
富文本編輯器
markdown

準備搭建新論壇，問那種編輯器好？怎么替換啊？

——————————————————————————
眾多最常用的在線Web編輯器
jwysiwyg

WYSIWYG jQuery插件。整個編輯器文件大小只有17Kb。

主頁:http://code.google.com/p/jwysiwyg/

下載:http://jwysiwyg.googlecode.com/files/jwysiwyg-0.5.zip

示例:http://code.google.com/p/jwysiwyg/

Damn Small Rich Text Editor

基于jQuery開發，能夠從IFRAME元素創建一個Rich Text Editor。提供了所有基本的Rich Text功能，可設置文本編輯區大小，Ajax上傳圖片等。如果要轉載本文請注明出處,Seven的部落格,Email:See7di@Gmail.com

主頁:http://www.avidansoft.com/dsrte/index.php

下載:http://www.avidansoft.com/dsrte/dsrte.zip

示例:http://www.avidansoft.com/dsrte/index.php

EditArea
EditArea 是一個javascript源代碼編輯器。支持：文本格式化，搜索與替換，實時語法著色加亮。當前支持的語言包括：PHP、CSS、 Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf*ck。

主頁:http://www.cdolivet.net/editarea/

下載:http://sourceforge.net/project/showfiles.php?group_id=164008

示例:http://www.cdolivet.net/editarea/editarea/exemples/exemple_full.html

NicEdit

NicEdit是一個輕量級，跨平臺的Inline Content Editor。NicEdit能夠讓任何 element/div變成可編輯或者能夠把標準的textareas轉換成Rich文本編輯器。

主頁:http://nicedit.com/

下載:http://nicedit.com/download.php

示例:http://nicedit.com/demos.php

Damn Small Rich Text Editor
基于jQuery開發，壓縮之后只有18k左右的Rich Text Editor。提供所有基本的Rich Text功能，調整文本區域大小，使用AjaxFileUpload插件上傳圖片，清除HTML標簽，標記文本修改，支持多種瀏覽器（FF1.5+、 IE7、IE6）。此外還支持通過插件來擴展文本處理功能。

主頁:http://www.avidansoft.com/dsrte/index.php

下載:http://www.avidansoft.com/dsrte/dsrte.zip

示例:http://www.avidansoft.com/dsrte/index.php

WYMeditor
WYMeditor是一個web WYSIWYM XHTML編輯器。如果要轉載本文請注明出處,Seven的部落格,Email:See7di@Gmail.com

主頁:http://www.wymeditor.org/en/

下載:http://www.wymeditor.org/download/

示例:http://www.wymeditor.org/en/

TinyMCE
TinyMCE 是一個開源，純JavaScript HTML WYSIWYG編輯器。它能夠把HTML TEXTAREA或其它HTML標簽轉換成Rich編輯器。TinyMCE非常易于集成到其它內容管理系統中。可以通過外觀/主題和插件來定制滿足自己需求的編輯器。提供漢化語言包。多瀏覽器支持：Mozilla、MSIE、FireFox、Opera和Safari。此外你還可以很方便地使用Ajax來保存和加載內容。

主頁:http://tinymce.moxiecode.com/

下載:http://tinymce.moxiecode.com/download.php

示例:http://tinymce.moxiecode.com/examples/full.php

Yahoo! UI : Rich Text Editor
來自Yahoo! UI庫中一個功能強大的Rich文本編輯器。

主頁:http://developer.yahoo.com/yui/editor/

下載:http://developer.yahoo.com/yui/download/

示例:http://developer.yahoo.com/yui/examples/editor/index.html

FCKeditor
FCKeditor是一個類似于MS Word的HTML文本編輯器。兼容多種瀏覽器，輸出符合XHTML1.0標準，支持CSS以便能夠與你的網站更好的結合，提供右鍵操作菜單，支持直接從Word粘貼，可以自己定制功能工具條，支持皮膚更換和通過插件擴展功能等。

主頁:http://www.fckeditor.net/

下載:http://www.fckeditor.net/download

示例:http://www.fckeditor.net/demo

Control.Editor
Control.Editor是一個基于Mootools開發的WYSIWYG Editor。

主頁:http://meteora.astrata.com.mx/pages/demo/control-editor

下載:http://meteora.astrata.com.mx/pages/demo/control-editor

示例:http://meteora.astrata.com.mx/pages/demo/control-editor

openWYSIWYG
純javascript開發的，跨瀏覽器WYSIWYG Editor。只一行簡單的代碼就能夠將<textarea>標簽轉換成一個強大的WYSIWYG editor。

主頁:http://www.openwebware.com/

下載:http://www.openwebware.com/download.shtml

示例:http://www.openwebware.com/wysiwyg/demo.shtml

Free Rich Text Editor

Free Rich Text Editor是一個易于使用的HTML WYSIWYG編輯器。只需要三行代碼，就能夠安裝該編輯器。支持以下瀏覽器： Internet Explorer Internet Explorer 6 (Microsoft Windows) Internet Explorer 7 (Microsoft Windows) Mozilla Firefox Mozilla Firefox 1.5+ (Microsoft Windows) Mozilla Firefox 1.5+ (Apple Macintosh) Opera Opera 9 (Microsoft Windows) SafariSafari 1.3+ (Apple Macintosh)

主頁:http://www.freerichtexteditor.com/about/

下載:http://www.freerichtexteditor.com/download/

示例:http://www.freerichtexteditor.com/demo/

Xinha
Xinha是一個功能強大的WYSIWYG HTML編輯器，支持所有基于Mozilla的瀏覽器和MS IE。它具有易于擴展，功能模塊豐富等特性。并且提供文件管理、圖片上傳插件、還可以對圖片進行簡單的編輯等功能。

主頁:http://xinha.webfactional.com/

下載:http://xinha.webfactional.com/wiki/DownloadsPage

示例:http://xinha.webfactional.com/wiki/Examples

MarkitUp
MarkitUp是一個輕量級，可定制，靈活的WYSIWYG Editor。支持快捷鍵支持Ajax動態預覽支持IE7、Safari3.1、Firefox2、Firefox3、IE6和Opera9+ 支持html、Wiki、BBScode等編輯格式如果要轉載本文請注明出處,Seven的部落格,Email:See7di@Gmail.com

主頁:http://markitup.jaysalvat.com/examples/

下載:http://markitup.jaysalvat.com/downloads/

示例:http://markitup.jaysalvat.com/examples/skin1/

SmartMarkUP
SmartMarkUP 是一個輕量級，強大的JavaScript library，它能夠將Textarea控件轉換成富文本編輯器。支持HTML、CSS、XML、Wiki語法、BBCode等，可按實際需求配置。 SmartMarkUP沒有基于任何javascript框架開發，易于現有項目結合使用。

主頁:http://www.phpcow.com/smartmarkup/

下載:http://www.phpcow.com/smartmarkup/downloads

示例:http://www.phpcow.com/smartmarkup/

CKEditor
CKEditor是FCKeditor的3.0版本，具有更好的性能和豐富、強大的集成/交互接口以及一個嶄新的用戶界面等。

主頁:http://ckeditor.com/

下載:http://ckeditor.com/download

示例:http://ckeditor.com/demo

KindEditor
KindEditor是用JavaScript編寫的HTML可視化編輯器。具有：代碼量少，加載速度快。內置自定義range，完美地支持span標記。所有功能都是插件，增加自定義功能非常簡單。編輯器風格定義在一個CSS文件里。支持大部分瀏覽器，比如IE、Firefox、Safari、Chrome、Opera。

主頁:http://www.kindsoft.net/

下載:http://kindeditor.googlecode.com/files/kindeditor-3.3.zip

示例:http://www.kindsoft.net/demo.php

WMD-Editor
WMD（Wysiwym Markdown Editor）是一個簡單，輕量級的HTML編輯器。適合在博客發表評論，論壇發貼中使用。

主頁:http://wmd-editor.com/

下載:http://wmd-editor.com/download

示例:http://wmd-editor.com/demo

jHtmlArea
一個簡單、輕量級、可擴展、基于jQuery開發的WYSIWYG HTML編輯器。這個組件可以很方便將頁面中的TextArea標簽轉換成一個WYSIWYG HTML Editor。整個編輯器包括圖片和CSS大小只有22k。

主頁:http://jhtmlarea.codeplex.com/

下載:http://jhtmlarea.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=30531

示例:http://pietschsoft.com/demo/jHtmlArea

Reditor
Reditor是一個基于JQuery和JQuery UI開發的HTML Editor。如果要轉載本文請注明出處,Seven的部落格,Email:See7di@Gmail.com

主頁:http://redoxite.ch/reditor/index.html

下載:http://plugins.jquery.com/project/Reditor

示例:http://redoxite.ch/reditor/index.html

HtmlBox
HtmlBox 是一個基于jQuery開發的HTML/XHTML編輯器。易于使用。支持多種瀏覽器Mozilla Firefox、Internet Explorer6.0、Opera、Safari和Netscape。非常小只有15kb。HtmlBox默認返回HTML，但也可以輸出XHTML。集成Ajax支持。

主頁:http://remiya.com/cms/projects/jquery-plugins/htmlbox/

下載:http://remiya.com/files/?t=1255414115&f=aHRtbGJveC9IdG1sQm94XzIuOC56aXA=

示例:http://remiya.com/cms/projects/jquery-plugins/htmlbox/demo_full.html

KISSY Editor
一個小巧精簡的HTML編輯器，僅依賴 yahoo-dom-event, min后不超過50k，gzip后不超過20k。擁有編輯器基本功能。測試過的瀏覽器： IE6+、Firefox3.5+、Safari4+、Chrome2+、Opera10+。

主頁:http://code.google.com/p/kissy/

下載:http://kissy.googlecode.com/files/kissy_editor_1.0.0_build242.zip

示例:http://kissy.googlecode.com/svn/trunk/src/editor/demo/basic.html

xhEditor
xhEditor是一個基于jQuery開發的簡單迷你并且高效的可視化XHTML編輯器，基于網絡訪問并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。
Features(特性)： Small：初始加載5個文件，包括：1個js(45k)+2個css(7k)+2個圖片(4k)，總共56k。若js和css文件進行gzip壓縮傳輸，可以進一步縮減為21k左右。 Fast：基于jQuery引擎開發，提供高效的代碼執行效率 Simple：簡單的調用方式，加一個class屬性就能將您的textarea立馬變成一個功能豐富的可視化編輯器。 Word：實現Word代碼自動檢測并清理，提供高效完美的Word代碼過濾方案，生成代碼最優化精簡，但是卻不丟失任何細節效果。 UBB: 提供完美的UBB可視化編輯解決方案，在您獲得安全高效代碼存儲的同時，又能享受可視化編輯的便捷

主頁:http://code.google.com/p/xheditor/

下載:http://code.google.com/p/xheditor/downloads/list

示例:http://xheditor.com/demos/demo1.html

FileManager
這是一個開源，基于jQuery開發的文件管理器，可以集成到CKEditor/FCKEditor 和其它HTML編輯器中使用。實現文件上傳、下載、重命名、刪除。FileManager默認服務器端處理采用Python實現，但可以通過其提供的一個簡單JavaScript API來擴展對其它語言的支持。

主頁:http://labs.corefive.com/Projects/FileManager/

下載:http://labs.corefive.com/Projects/FileManager/

示例:http://labs.corefive.com/Projects/FileManager/

elRTE
elRTE 是一個使用jQuery UI開發的開源WYSIWYG HTML編輯器。支持正常和全屏兩種模式。界面都可以在一個CSS文件中配置。支持i18n，該編輯器可以很方便本地化為任意語言。elRTE自帶一個 Web文件管理器叫elFinder，服務器端默認處理腳本為PHP。經測試elRTE支持Firefox3.5、Internet Explorer7/8、Safari4、Opera10和 Chrome。

主頁:http://www.elrte.ru/en/

下載:https://sourceforge.net/projects/elrte/files/elrte+elfinder/elrte-1.0rc2_elfinder-1.0.1.zip/download

示例:http://www.elrte.ru/en/elrte-demo/

MooEditable
MooEditable是一個利用Mootools開發的簡單WYSIWYG編輯器。

主頁:http://cheeaun.github.com/mooeditable/

下載:http://github.com/cheeaun/mooeditable/zipball/master

示例:http://cheeaun.github.com/mooeditable/

nanoWIME
nanoWIME是一個基于javascript簡單、靈活、易于使用WikiMarkup編輯器。

主頁:http://nanowime.sourceforge.net/

下載:https://sourceforge.net/projects/nanowime/files/nanoWIME-0.10.01.18.00.zip/download

示例:http://nanowime.sourceforge.net/

TinyEditor
TinyEditor 是一個不依賴于任何JavaScript框架，只有8kb左右的簡單JavaScript WYSIWYG編輯器。可以將任意textarea轉成一個編輯器。TinyEditor編輯框可以調整大小，預先設置內容，設置生成HTML或 XHTML代碼等等。

主頁:http://www.leigeber.com/2010/02/javascript-wysiwyg-editor/

下載:http://forum.leigeber.com/index.php?app=downloads&showfile=10

示例:http://sandbox.leigeber.com/tinyeditor/

CLEditor

CLEditor是一個開源的jQuery插件提供一個輕量級，功能齊全，跨瀏覽器的WYSIWYG HTML編輯器。整個插件只有8K左右，經測試支持的瀏覽器包括：IE6.0+、FF1.5+、Safari4+、Chrome5+和Opera10+。

主頁:http://premiumsoftware.net/cleditor/

下載:http://premiumsoftware.net/cleditor/downloads/CLEditor1_1.zip

示例:http://premiumsoftware.net/cleditor/

SyntaxHL
SyntaxHL是TinyMCE HTML編輯器的一個插件，它讓你能夠使用SyntaxHighlighter在Web頁面中插入源碼語法高亮顯示的代碼。

主頁:http://github.com/RichGuk/syntaxhl

下載:http://github.com/RichGuk/syntaxhl

示例:http://github.com/RichGuk/syntaxhl

jQuery BBCode Editor
jQuery BbCode Editor提供自定義設置用于創建個性化的bbcode編輯器，它的源代碼都可以根據需求靈活修改。支持自定義bbcode標簽和表情符號，支持I18N，自定義皮膚。提供服務端支持PHP代碼。

主頁:http://www.w3theme.com/jquery-bbedit/

下載:http://www.w3theme.com/jquery-bbedit/

示例:http://www.w3theme.com/jquery-bbedit/

TQEditor
開發TQEditor原因不滿意對當前現在的在線編輯器的, 要么功能強大,但體積也超大, 要么體積小了, 功能卻不能滿足需要.
這是國內第一個兼容IE9的在線編輯器, 也是一個功能體積比最優的的在線編輯器如果要轉載本文請注明出處,Seven的部落格,Email:See7di@Gmail.com
目標: 最好的在線編輯器特點：小身材,JS(56k)+CSS(8k)+圖標(7k) 總計71K, 啟用gz壓縮后不到30K全瀏覽器支持, 當前支持 IE6, 7, 8, 9, chrome 8+, FF 3+, Opera 10+, Safari5+Word代碼清理,有效清理從word中粘貼的代碼同時保留格式默認使用SWFUpload組件處理上傳, 用戶體驗超好自帶源碼格式化支持皮膚功能, 只需修改一個CSS即可自定義皮膚一鍵自動排版功能,內置自動圖文排版, 默認即適合大多數的文章內容排版形式靈活的擴展功能, 方便按業務需要擴展功能未來特性, 具體實現時間未定: 屏幕截圖 (需要插件支持, 且只支持IE)直接粘貼Word文檔的圖片 (需要插件支持, 且只支持IE)表格功能增強(方便的設置表格./行/列/單元格屬性, 合并單元格等)UBB編輯功能其它語言包

主頁:http://www.e512.net/tqeditor/demos/index.htm

下載:http://www.e512.net/tqeditor/demos/index.htm#download

示例:http://www.e512.net/tqeditor/demos/demo_toolbar.htm

KISSY
KISSY是由淘寶前端攻城師們發起的一個開源項目。

KISSY提供了設計模式庫、腳本庫和最佳開發流程等工具，致力于減少重復開發，提高開發效率。

具有小巧靈活, 簡潔實用, 使用起來讓人感覺愉悅的特點。

主頁:http://docs.kissyui.com/

下載:http://docs.kissyui.com/

示例:http://docs.kissyui.com/

作者: lovetvb 時間: 2022-6-10 02:27

在過去的三年中，HTML5吸引了大量的關注并且強力統治如今的互聯網時代。由于互聯網已經發生了翻天覆地的改變，使得HTML5不得不先人一步做出改變。HTML編輯器實質上是用來制作網頁的軟件應用，專業的HTML編輯器可以為開發者提供很大的方便和額外的功能。相當多的HTML編輯器不僅僅服務于HTML，同時也服務于一些相關語言如CSS，JavaScript，XML，還有ECMAScript。

如果你是一個HTML5的熱衷者，那么我猜你對可以進行網頁開發和Web應用制作的HTML5的編輯器應該會很感興趣吧。我們已經收集了七款頂級HTML5編輯器給你提供參考。

AptanaStudio3

Aptana這個HTML5編輯器是一個開源的開發工具，支持開放的Web開發。開發者可以使用單一的設置來測試他們的Web應用程序。Aptana支持大多數現代瀏覽器技術，例如HTML5，CSS3，JavaScript，PHP，RubyRails，Ruby，和Python。其功能包括JavaScript代碼提示，HTML，GIF的融入，IDE自定義，和操作向導。

BlueGriffon

作為新一代的一代HTML5編輯器，BlueGriffon所提供的全新的所見即所得(WYSIWYG)的內容編輯是由為Gecko提供的技術支持（Gecko是火狐引擎服務提供商）。BlueGriffon是可以免費下載的，它同時支持Windows，Linux和MACOSX三個平臺。它可以幫助你制作和編輯所有的HTML5以及HTML5文件。用戶可以很容易地制作網頁和工藝精細的UI用戶界面。不得不提的是，這個編輯器支持包括中文在內的9種語言。

AlohaEditor

作為一款最先進的WYSIWYG（所見即所得）網頁編輯器，它是基于瀏覽器的富文本編輯器框架，javascript創建。不像其他大多數的HTML編輯器，Aloha可以被嵌入到CMS、Blog，及其他標準的web開發框架中來使用。同時AlohaEditor的巧妙設計還大大縮短了我們的編輯時間。所以不得不說AlohaEditor在用戶體驗方面是數一數二的。

Maqetta

Maqetta作為一個開源項目同時也是一個HTML5的編輯器。Maqetta應用本身用HTML5/Ajax編寫，因此運行在瀏覽器中不需借助額外的下載和插件。這個編輯器的功能可謂是多種多樣，包括開發和設計工作流、網頁可視編輯，WYSIWYG可視化頁面編輯、拖曳式移動UI設計、設計或源碼瀏覽同步編輯、線框圖、主題編輯器和窗口小部件、JavaScript庫，等等。Maqetta支持幾乎所有最新的瀏覽器其中包括：谷歌Chrome,火狐,和蘋果的Safari。

Rendera

Rendera是一個在線的HTML5編輯器，它支持設計或源碼瀏覽同步編輯。你可以在瀏覽器里輕松地運用HTML5或者CSS3。Rendera最大的特點就是支持SASS和HAML，因此在此環境下對于HTML5和CSS3的學習進程就會大大的加速了。借助Rendera，你可以測試你的Javascript編碼或者試驗jQuery工具、插件和jqueryUI。

Webstorm10

應慕課粉絲們的強力推薦，在這里給大家推薦被廣大國內開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScriptIDE”的一款工具，Webstorm10。因為其有著強大的智能提示功能而出名。其代碼補全包含了所有流行的庫：JQuery,YUI,Dojo,Prototype,MootoolsandBindows。Webstorm的還具有代碼檢測、快速修改功能、和代碼的智能重構，讓你的代碼簡潔干凈和安全，這使得工作起來輕松不少。不僅如此，最近版本的Webstorm10還添加支持了最新的TypeScript1.4,并且兼容Windows,MacOS和Linux三個主流操作平臺。

（感謝子瑞Red、___Violin等網友的建議）

DreamweaverCS5

最后介紹的重磅壓軸選手就是我們再熟悉不過的Dreamweaver。新一代的DreamweaverCS5輕松支持HTML5。并且借助Dreamweaver的幫助，使用者可以輕松的利用CSStabdesigner來制作CSS菜單。作為一個功能全面的編輯器，Dreamweaver提供多屏幕預覽功，所見即所得功能，并且搭載了AdobeBrowserLab和jQueryMobile。最重要的是他的兼容性，他支持CSS3,HTML5,iOS，Android應用。盡管他售價不低，但Dreamweaver絕對是一個可用性非常強的工具，推薦購買。

真正為內容管理系統及其用戶提供動力需要許多實用程序。最重要的實用程序之一是高性能、功能豐富的所見即所得編輯器。我們一直不得不在現有的兩個編輯器 CKEditor 和 TinyMCE 之間進行選擇，但現在我們有了Froala，它是 Sencha 的下一代 WYSIWYG 編輯器。

BaKoMa TeX軟件由俄羅斯的物理學教授Basil K.Malyshev開發，是目前第一個真正的所見即所得LaTeX排版系統。
BaKoMa TeX系統除了經典的Centure編輯器+dview預覽器組合外，真正的所見即所得編輯器是TexWord，如同在Word中輸入編輯。您還可以使用Centure+TexWord組合增強編輯功能：既可在傳統編輯器Centure中輸入LaTeX源代碼，等待文件自動保存時，TexWord即時更新；也可在所見即所得編輯器TexWord中直接輸入編輯，當然Centure中源文件也會相應更新。
BaKoMa TeX可以捆綁TeXLive 2022的全部宏包，形成便攜式版本。
鏈接：https://pan.baidu.com/s/1AdABUAMkWgL5NJaCYMTkLg
提取碼：2022

目前Typora以外最好的編輯器應該就是MarkText了，剩下還不錯的基本都是筆記軟件了

[color=var(--tertiary)]https://alternativeto.net/software/typora/ 26

作者: lovetvb 時間: 2022-6-10 02:33

所見即所得”編輯器的一些致使的弱點？

答案是: 1.難以精確達到與瀏覽器完全一致的顯示效果；2.因為“所見即所得”編輯器在生成代碼時，是按照軟件編制人員事先設計好的模式做的；因此不能完全適應各種不同的情況，尤其在實現同樣效果地，“所見即所得”的編輯器往往會書寫出冗余度高的代碼，不如手工書寫的來得簡潔。

Typora+是一款適配+Windows+/+macOS+平臺的+Markdown+編輯器，編輯實時預覽標記格式，所見即所得，輕巧而強大。支持大綱目錄、插入圖片公式、流程圖等功能，結合文檔管理、打字機模式、自定義主題享受寫作的快樂。

13個頂級免費所見即所得文本編輯器工具

CKEditor

CKEditor擁有10多年的開發經驗，你可以完全放心此文本編輯器的質量。它支持70多種語言，我認為這是你網站的不錯選擇。它還可以運行在許多不同的瀏覽器上，并能很好地與大多數前端框架，如reat，vue，angular…你可以使用CDN直接嵌入到你的HTML頁面中…。目前它有兩個版本并行運行的CKEditor4和CKEditor5，根據不同的使用目的，你會選擇適合自己的編輯器。

Trumbowyg

Trumbowyg是針對HTML5優化的代碼編輯器，它支持大多數流行的瀏覽器，例如IE9 +，Firefox，Chrome等。據我所知，它包含用于文本編輯的所有工具，僅為20Kb，它輕巧，將幫助你的網站更流暢地運行。此外，它還具有其他支持插件來幫助你更好地工作，例如插入表情符號，其他國家/地區的支持語言，添加聲音，插入特殊字符…

TinyMCE

TinyMCE 5是一款編輯器，它能讓你靈活地編輯、添加或刪除本程序中的部分內容。除了基本的編輯器，那么我發現它還提供了很多支持，更好的用戶體驗，如添加評論，測試檢查路徑，提供優質的圖標和界面，檢查拼寫的內容… 然而，這也是它的弱點，因為如果你想使用高級工具，你必須每月支付約25美元。

Quill

Quill是一個開放源代碼編輯器，因此可以將其用于所有類型的商業或非商業網站。它有很多功能，如添加鏈接，圖像，視頻或添加代碼片段的內容…關于Quill，我最喜歡的一點是它的簡單設置和顯示，可以在多設備屏幕上的所有現代的、響應迅速的web瀏覽器上顯示，還有使用它的常見問題的詳細說明。

Trix

Trix是一個開源的編輯器，可以讓你在Web中輕松地撰寫消息、寫評論、寫帖子…，并被良好編程的平板電腦使用。如果你只需要創建內容所需的功能，那么Trix同樣是不錯的選擇。

Jodit Editor 3

Jodit Editor 3是一個用純TypeScript編寫的開源github編輯器，不使用任何其他庫。它允許你以多種方式設置它，如通過npm、使用CDN…。我喜歡它的是，除了詳細的說明，還有一個程序，通過代碼讓我們自由選擇哪些工具附加到Jodit Editor。

Summernote

Summernote是GitHub上的開源編輯器，獲得了超過9K星。它是通過Bootstrap框架設計的，具有在你的網站上創建內容所需的所有功能。你只需要下載它的源文件css，js，再加上Bootstrap框架(也支持3、4兩個版本)就已經可以為你的網站服務了。

Editor.js

Editor.js是一個開源的塊狀編輯器，它不會像普通的編輯器那樣使用標簽HTML，將內容以JSON的形式輸出，使其更容易管理。它還支持通過使用API的插件，多虧了這一點，應該任何功能任何開發者都可以為這個程序貢獻更多有趣和有用的插件。

MediumEditor

MediumEditor是Medium的內置的開放源代碼編輯器，用于人們博客。它僅包含編輯器所需的基本實用程序，因此僅約28kB，這將有助于你的網站得到優化。同時如果我們想要添加其他功能，為了優化編輯，MediumEditor還提供了額外的外部實用工具，定期更新。

Wysihtml

Wysihtml是一個由Voog團隊構建的開源編輯器。它功能齊全，可以幫助你輕松編輯文本，并且支持大多數現代屏幕瀏覽器的設備圖像。有很多工具我很喜歡它是自動轉換不合適的HTML標簽率，自動分析內容時從Word, PDF，顯示內容為HTML…

ContentTools

ContentTools是內置的開源編輯器，可幫助你輕松地一種方式編輯HTML內容。它提供了用于編輯內容的各種實用程序，你還可以輕松地將Message Institute和其他實用程序添加到程序中（請參閱脫機API部分）。我還發現了如何設置，添加或刪除程序中的函數的文章…都是非常細致的。

Froala

Froala是一個編輯器，可以很容易地為網站設置，并允許你根據預期用途打開廣泛的功能。由于它是用純JavaScript編寫的，因此你可以將其用于當今的大多數現代前端框架。它還提供了許多有用的工具，以及編輯圖像，添加或編輯視頻，添加圖標，管理面板等。但是，如果你要使用該工具用于商業目的，則必須購買許可證。

Redactor

Redactor是一款功能齊全的編輯器，具有精美而簡單的設計。超過9年的發展，包括很多支持插件，我想這是一個很好的產品。另外它對程序員在使用程序的過程中遇到的每一個常見問題都有極其詳細的實例。但是，它也有一個缺點，當你將其用于商業目的時必須購買許可證。

原文：https://dev.to/haycuoilennao19/t ... -editing-tools-4lbd

作者：haycuoilennao19)

CKEditor

Trumbowyg

TinyMCE

Quill

Trix

Jodit Editor 3

Summernote

Editor.js

MediumEditor

Wysihtml

ContentTools

Froala

Redactor

作者: lovetvb 時間: 2022-6-10 02:43

免費、好用、強大的 Markdown 編輯器綜合評測和推薦

如今，在編輯器領域，Markdown 大行其道。那么，如何使用 Markdown 語法呢？又如何選擇合適的 Markdown 編輯器呢？

Markdown 語法的歷史與使用

同我們熟悉的 HTML 一樣， Markdown 也是一種標記語言。Markdown 的最大、最重要的設計思想是，不需要解釋直接看源文件也非常清晰可讀。

那么，為什么我要使用 Markdown 語法？這是因為 Markdown 語法通過使用一些約定俗成的標記，實現對于文本內容的快速排版。使用 Markdown 語法，你可以聚焦于內容創作，而不再為排版所分神。此外，如今已經有大量的博客網站、筆記軟件、寫作軟件都已經支持 Markdown 語法。

Markdown 具有輕量化、易讀易寫易學等特性。你花費十幾分鐘就可以掌握大多數 Markdown 語法內容。

當然，Markdown 編輯器也有自己的缺陷。最大的問題在于，一些高級 Markdown 語法缺少統一的標準，比如現在存在 GitHub Flavored Markdown，CommonMark，MultiMarkdown. 另外一個問題便是 Markdown 編輯器對圖片、表格支持不太好。當然，圖片可以使用圖床工具進行嵌入。表格的話，Markdown 語法也支持基本表格。不過，我并不推薦你在 Markdown 語法中使用過多的表格。

幾種即見即所得Web編輯器優缺點比較

說說我對我用過（了解過）的一些富文本客戶端的感受，肯定不全面，希望大家補充一下，給選型的朋友一個參考。

1、ewebeditor（國產，http://www.ewebeditor.net/），優點，功能很強大；缺點：使用需要收費，笨重，速度慢。

2、xheditor（國產，http://xheditor.com/），優點：開源免費，輕量、快速、簡單，用 JQuery 開發，尤其喜歡它的文件上傳；缺點：當前版本不支持對表格的單元格的合并、拆分、單元格屬性的修改。

3、CKEditor/FckEditor（國外，http://ckeditor.com），優點：開源免費，功能強大，完整的二次開發接口和文檔，可以添加編輯 Form 表單元素（如按鈕、輸入框等），是開發自定義表單的不二選擇；缺點，笨重，不常用的功能，如對 Form 表單元素的修改編輯 bug 稍多。

4、UEditor（國產，http://ueditor.baidu.com/），優點，開源免費，表格的編輯是我用過的編輯器中最靈活的，如支持單元格合并拆分等，二次加載速度快，有百度公司的支持，缺點，文檔較少，文件上傳部分找不到任何文檔，雖然自稱輕量，但其全功能、去除 ui 后、壓縮后的js也將近300k，第一次加載速度慢。

5、kindEditor（國產，http://www.kindsoft.net/），優點，開源免費，輕量，加載速度快，文檔齊全；缺點，不支持對表格的單元格的合并、拆分。

個人建議：

如果不需要表格合并和拆分功能、同時使用 jquery 的話，xheditor 是最好的選擇；如果不想用 jquery，或對 jquery 比較陌生，可以考慮 kindeditor；

如果需要做自定義表單，比如，編輯頁面上要添加表單功能，ckeditor 是最好的選擇；

如果費用非常充足，客戶端機器配置較高，并且在局域網使用，可以考慮 ewebeditor；

如果對表格編輯有較高的要求，尤其是需要單元格合并、拆分功能的話，Ueditor 是個不錯的選擇。

終于找到了一款近乎完美的 Markdown 編輯器2022-05-16 15:17:32　來源: 小魚Q美食屋

江蘇

作為程序員，用 Markdown 寫技術文章、文檔應該是一個剛性的需求。

我本人對 Markdown 編輯器具有重度需求，對 Markdown 編輯器要求比較高，試過 MarkdownPad、Milkdown、Vnote、StackEdit 、Typora 等十幾款 Markdown 編輯器，總是感覺不是特別滿意。

總的來說，收費的 Typora 是體驗最好的，但我仍然感覺不是特別滿意。最近，使用了免費開源的 MarkText，一下子就喜歡上了，感覺基本滿足了我的所有需求，這里給大家推薦一下。當然，使用體驗是一個非常個人化感受，大家仁者見仁、智者見智。

簡介

MarkText 一個簡單優雅的開源 Markdown 編輯器，專注于速度和可用性。我個人感覺和 Typora 比較像，基本 Typora 有的功能 MarkText 都有，但在一些操作習慣上，我更加喜歡MarkText。而且，MarkText 以 MIT 協議免費開源，開發社區非常活躍，功能更新很快。

支持平臺

主流的桌面操作系統 Windows、macOS、Linux 都支持。不支持移動平臺。這一點對筆者來說影響不大，因為寫作還是電腦上才行，如果有移動平臺需求的話，MarkText 無法滿足你的需求。

主要特性

使用 virtual DOM 來渲染頁面，速度非常快。
完全自由開源的，并且將永遠是開源的
實時預覽（所見即所得）和簡潔易用的界面
支持 CommonMark 規范和 GitHub Flavored Markdown 規范
支持數學表達式（KaTeX）
豐富的圖表支持，包括 vega、flowchart、plantUML、mermaid 等
支持段落和內聯樣式快捷方式，以提高您的寫作效率。
輸出HTMLPDF文件。
內置三款亮色三款暗色主題，字體等選項可自定義
各種編輯模式：源代碼模式打字機模式專注模式
直接從剪貼板中粘貼圖片。
內置對 Github 圖床的支持，另外通過 PicGo（需要另外安裝），可以支持大量的第三方圖床服務，比如阿里云、騰訊云、七牛等。
支持文件夾管理
如果您還不滿意，可以直接通過源碼構建自己的編輯器，官方還貼心的提供了詳細的文檔。

主題預覽

淺色主題

深色主題

歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/)