10個基於jQuery或JavaScript的WYSIWYG 編輯器整理

線上編輯內容的時候，那些基於 JavaScript 的編輯器幫了我們大忙，這些所見即所得 (WYSIWYG)（WYSIWYG）編輯器，給我們提供了類似 Office?的操作體驗。如今，任何網站內容管理系統（CMS）和部落格系統都需要一個這樣的編輯器。本文精選了5個基於 JavaScript?的編輯器，5個基於 jQuery 架構的編輯器。 MarkitUp – jQuery

Official Website | Demo

markItUp! 它不是一個“全功能，亂用”的編輯器。相反，它是一個非常輕量級的，可定製的和靈活的文字編輯器，以滿足發展的需要，在其CMSes ，部落格，論壇或網站。 markItUp ！不是一個WYSIWYG編輯器，它是簡易實用的文字編輯器。 快速移植和使用 支援鍵盤快速鍵 支援Ajax的動態預覽 相容的瀏覽器: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is. 許可: MIT/GPL 檔案: 便攜，節省資源，只有 6.5Kb. jWYSIWYG – jQuery

Official Website | Demo

jWYSIWYG，此外掛程式是一個內建的內容編輯器，允許編輯HTML內容。這是一種替代WYMeditor與便捷實用的功能。檔案大小不到 17Kb和26Kb總額只有9Kb 18Kb的代碼和7Kb便攜。 GNU General Public License v2 小巧輕便 支援Ajax的動態預覽 相容主流瀏覽器 Lightweight RTE- jQuery

Official Website | Demo

這一豐富文字編輯器儘可能的簡單容易的改變我們基本的編輯需求。 超輕量級，只有 7kb 相容主流瀏覽器 簡潔，優雅 GNU General Public License HTMLBox – jQuery

Official Website | Demo

HTMLBox，跨瀏覽器的，開源的HTML / XHTML文本基礎上的jQuery庫。通過了Mozilla Firefox ， Inrernet瀏覽器， Netscape和Safari瀏覽器的測試。一體化的HtmlBox易於整合到CMS，論壇，留言板,部落格中。 易於整合 相容主流瀏覽器. 大小隻有 15kb (最小 11kb ) 支援XHTML輸出. 支援Ajax的動態預覽 有完整的使用者手冊，這將引導您完成每一步的整合HtmlBox到您的應用和定製它。 D Small Rich Text Editor – jQuery

Official Website | Demo

豐富的文字編輯器，應用了IFRAME元素，功能非常全，能滿足我們複雜的文本編輯。 大小(~18k) ! (便攜/Minified JS, Plugins & CSS合起來有12k w/o GZIP, HTML can be reduced to ~3k using GZIP, Images (w/o emoticons) are less than 3k) 相容主流瀏覽器 支援所有的準系統 支援外掛程式功能 圖片上傳，通過AJAX 實現(使用的是 AjaxFileUpload plugin). 可以調整文本地區。 支援XHTML 1.0 驗證 和 過濾(Note: this refers to the editor's markup and not to it's generated content which may or may not be valid!). 具有 HTML 修正功能 WYMEditor – jQuery

Official Website | Demo

WYMeditor是一個基於網路的WYSIWYM （你所看到的你的意思）的XHTML編輯器。 WYMeditor的主要概念是離開的細節檔案的視覺版面，並把重點放在它的結構和意義，同時努力為使用者提供舒適的文字編輯器 XHTML strict + CSS compliant 沒有字型或文字格式設定, 大小或顏色 – 它們是基於您的css樣式的 便於整合至您的應用程式中 無需安裝，這是100 ％的Javascript代碼編寫的-無外掛程式，不延時 支援Image, link, table 支援 CSS 有APIs,支援外掛程式 自由和開放源碼 相容主流瀏覽器 TinyMCE – non-jQuery

Official Website | Demo

TinyMCE是一個獨立的平台，基於Web的Javascript的 HTML WYSIWYG編輯器，是開源的。超強的HTML文本或其他元素轉換能力，以編輯執行個體。 易於整合-只需要幾行代碼 自訂-主題和外掛程式，阻止無效的要素和屬性。 相容主流瀏覽器 – Mozilla, MSIE, FireFox, Opera, Safari and Chrome. 輕量級的 – PHP/.NET/JSP/Coldfusion GZip compressor, Makes TinyMCE 75% smaller and a lot faster to load. 相容AJAX- Compatible – You can easily use AJAX to save and load content! 支援國際化 – Multilanguage support using language packs. 開源 – Free under the LGPL license, millions of ppl help test and improve this editor every day. fckeditor – Non-jQuery

Official Website | Demo

此HTML文字編輯器具有類似於MS Word一樣的功能。它輕量級，無需安裝 相容主流瀏覽器 支援XHTML 1.0 可以定製自己的CSS 字型格式： type, size, color, style, bold, italic, etc 文字格式設定: alignment, indentation, bullets list, etc 支援 Cut, Paste, and Paste as Plain Text, Undo and Redo Paste from Word cleanup with auto detection 支援插入圖片，上傳，預覽 單擊右鍵有下拉式功能表 支援 外掛程式 有智能拼字檢查程式 輕量級的和快速的 自動檢測和個人化的瀏覽器 Yahoo YUI Rich Text Editor – Non-jQuery

Official Website | Demo

The Rich Text Editor是Yahoo YUI開發的，它可以取代標準HTML文本；支援文本字型選擇，加粗，斜體 ，有序列表，無序列表，連結，拖放圖片，工具列通過外掛程式是可擴充，能夠實現高度的個人化. Xinha – Non-jQuery

Official Website | Demo

Xinha (pronounced like Xena, the Warrior Princess)是一個功能強大的所見即所得 (WYSIWYG)的HTML編輯器組件，在支援目前所有的瀏覽器。其configurabilty和可擴充性，可以很容易地 產生合適的內容，無限制

來源:http://blog.sn00py.cn/2010/03/10%e4%b8%aa%e5%9f%ba%e4%ba%8ejquery%e6%88%96javascript%e7%9a%84wysiwyg-%e7%bc%96%e8%be%91%e5%99%a8/