1. 程式人生 > >整理15款實用javascript富文字編輯器

整理15款實用javascript富文字編輯器

  • 百度UEditor
  • UEditor是由百度web前端研發部開發所見即所得富文字web編輯器,具有輕量,可定製,注重使用者體驗等特點,開源基於MIT協議,允許自由使用和修改程式碼...

  • 2bootstrap-wysiwyg
  • bootstrap-wysiwyg 為Bootstrap定製的微型所見即所得(What you see is what you get)富文字編輯器。
    這個jQuery Bootstrap小外掛(5KB, < 200 行程式碼)可以將任何一個DIV轉變成一個WYSIWYG富文字編輯器,靈感來自於 CLEditor 和 bootstrap-wysihtml5.
    下面是他的主要特色:
    在Mac和Wndows平臺上能夠自動針對常用操作繫結標準熱鍵 可以通過拖拽插入圖片;支援圖片上傳(也可以獲取移動裝置上的照片)

    語音識別輸入(僅限Chrome瀏覽器) 允許自定義工具條;不生成額外標籤;
    支援網站充分利用Bootstrap、Font Awesome等工具庫的優秀特性 沒有強制規定的樣式 - 一切都由你做主 依賴瀏覽器的標準特性,沒有非標準程式碼;
    工具條和鍵盤功能均可定製,並且能夠執行任何瀏覽器支援的命令 不會自己建立一個單獨的frame、備份文字區等 - 本編輯器儘量保持簡單,並僅僅執行在一個DIV內 (可選)清除尾部空格;清除空的div和span
    必須執行在現代瀏覽器上(在Chrome 26、Firefox 19、Safari 6上經過測試,使用者報告稱可以在IE10上工作)
    支援移動裝置瀏覽器(在iOS
     6 Ipad/Iphone 和 Android 4.1.1 Chrome上測試過)

  • 3JQUERY NOTEBOOK
  • 4YUI 3
  • YUI Editor 是雅虎的 YUI 包中的一個視覺化HTML編輯器元件。

  • 5eWebEditor
  • eWebEditor是一個基於瀏覽器的線上HTML編輯器,WEB開發人員可以用她把傳統的多行文字輸入框textarea替換為視覺化的富文字輸入框。 eWebEditor主功能不需要在客戶端安裝任何的元件或控制元件,操作人員就可以以直覺、易用的介面建立和釋出網頁內容。 您可以通過eWebEditor自帶的可視配置工具,對eWebEditor進行完全的配置。 eWebEditor是非常容易與您現有的系統整合,簡單到您只需要一行程式碼就可以完成eWebEditor的呼叫。 您可以把eWebEditor應用於各種基於網頁的應用系統中,如內容管理系統、郵件系統、論壇系統、新聞釋出系統,等與內容釋出相關的所有應用系統。

  • 6MarkitUp
  • 一個基於jquery的開源文字編輯器, 可以將textarea元素擴充套件為一個簡單的文字編輯器。現在支援html、Wiki、BBScode等編輯格式,,有相當不錯的擴充套件性,可定製面板。值得一提的是其官方網站相當優秀,有豐富的示例。此外掛有個缺點:沒有所見即所得的模式。

  • 7KindEditor
  • KindEditor是基於瀏覽器的所見即所得(WYSWYG)HTML編輯器,主要應用於CMS、論壇、部落格等WEB程式裡。 主要特點: 1) 程式碼量少,功能比較多。 2) 通過新增plugin的方法,可以自定義功能。 3) 可以刪除不需要的plugin,減少檔案大小。 4) 可以任意改變編輯器風格,和網站融為一體。 5) 程式碼容易理解,是一個可維護、可控制的編輯器。

  • 8jWYSIWYG
  • 此外掛為內聯的富文字編輯器。它是WYMeditor簡化後的一種替代選擇,總過不超過26KB,打包後只有7KB,,只保留基本功能,但麻雀雖小,五臟俱全,擁有非常強悍的擴充套件性,同時支援所見即所得的模式。

  • 9rich-text-editor-jquery
  • 10WYMeditor
  • WYMeditor是一個所建即所得Jquery富文字編輯器。支援外掛擴充套件功能,是jwysiwyg的前身,有點龐大,功能齊全。

  • 11HtmlBox
  • HtmlBox文字編輯器,提供一個textarea表單元素,即可實現一個功能強大的HTML文字編輯器,使用非常簡單。 HTMLBox跨瀏覽器、互動性非常好、開源的Jquery富文字編輯器,在Mozilla Firefox, Inrernet Explorer, Opera, Netscape and Safari等常用瀏覽器下測試通過。此編輯器使用者手冊可以幫住你非常容易地把此編輯器整合到自己的Web系統中。

  • 12CKEditor
  • CKEditor是FCKeditor的3.0版本,具有更好的效能和豐富、強大的整合/互動介面以及一個嶄新的使用者介面等。

  • 13widgEditor
  • 14NicEdit
  • NicEdit是一個輕量級,跨平臺的Inline Content Editor。NicEdit能夠讓任何 element/div變成可編輯或者能夠把標準的TextArea轉換成富文字編輯器。

  • 15國產富文字編輯-wangEditor
  • wangEditor基於JavaScript和css開發的 Web富文字編輯器, 輕量、簡潔、易用、開源免費。 與國產編輯器 百度ueditor 和 kindeditor 相比,它輕量、易用、UI設計精緻漂亮。 與國外編輯器 bootstrap-wysiwyg 和 simditor 相比,它文件易讀、交流方便,更接地氣。 它還會根據使用者的反饋不斷完善,未來將支援移動版。 支援IE6+瀏覽器。