10個基于jQuery或JavaScript的WYSIWYG 編輯器整理
在線編輯內容的時候,那些基于 JavaScript 的編輯器幫了我們大忙,這些所見即所得(WYSIWYG)編輯器,給我們提供了類似 Office?的操作體驗。如今,任何網(wǎng)站內容管理系統(tǒng)(CMS)和博客系統(tǒng)都需要一個這樣的編輯器。本文精選了5個基于 JavaScript?的編輯器,5個基于 jQuery 框架的編輯器。 MarkitUp – jQuery
markItUp! 它不是一個“全功能,亂用”的編輯器。相反,它是一個非常輕量級的,可定制的和靈活的文本編輯器,以滿足發(fā)展的需要,在其CMSes ,博客,論壇或網(wǎng)站。 markItUp !不是一個WYSIWYG編輯器,它是簡易實用的文本編輯器。 快速移植和使用 支持鍵盤快捷鍵 支持Ajax的動態(tài)預覽 兼容的瀏覽器: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is. 許可: MIT/GPL 文件: 便攜,節(jié)省資源,只有 6.5Kb. jWYSIWYG – jQuery
jWYSIWYG,此插件是一個內置的內容編輯器,允許編輯HTML內容。這是一種替代WYMeditor與便捷實用的功能。文件大小不到 17Kb和26Kb總額只有9Kb 18Kb的代碼和7Kb便攜。 GNU General Public License v2 小巧輕便 支持Ajax的動態(tài)預覽 兼容主流瀏覽器 Lightweight RTE- jQuery
這一豐富文本編輯器盡可能的簡單容易的改變我們基本的編輯需求。 超輕量級,只有 7kb 兼容主流瀏覽器 簡潔,優(yōu)雅 GNU General Public License HTMLBox – jQuery
HTMLBox,跨瀏覽器的,開源的HTML / XHTML文本基礎上的jQuery庫。通過了Mozilla Firefox , Inrernet瀏覽器, Netscape和Safari瀏覽器的測試。一體化的HtmlBox易于集成到CMS,論壇,留言板,博客中。 易于集成 兼容主流瀏覽器. 大小只有 15kb (最小 11kb ) 支持XHTML輸出. 支持Ajax的動態(tài)預覽 有完整的用戶手冊,這將引導您完成每一步的整合HtmlBox到您的應用和定制它。 D Small Rich Text Editor – jQuery
豐富的文本編輯器,應用了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 實現(xiàn)(使用的是 AjaxFileUpload plugin). 可以調整文本區(qū)域。 支持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
WYMeditor是一個基于網(wǎng)絡的WYSIWYM (你所看到的你的意思)的XHTML編輯器。 WYMeditor的主要概念是離開的細節(jié)文件的視覺版面,并把重點放在它的結構和意義,同時努力為用戶提供舒適的文本編輯器 XHTML strict + CSS compliant 沒有字體或文本格式, 大小或顏色 – 它們是基于您的css樣式的 便于集成至您的應用程序中 無需安裝,這是100 %的Javascript代碼編寫的-無插件,不延時 支持Image, link, table 支持 CSS 有APIs,支持插件 自由和開放源碼 兼容主流瀏覽器 TinyMCE – non-jQuery
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
此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
The Rich Text Editor是Yahoo YUI開發(fā)的,它可以取代標準HTML文本;支持文本字體選擇,加粗,斜體 ,有序列表,無序列表,鏈接,拖放圖片,工具欄通過插件是可擴展,能夠實現(xiàn)高度的個性化設置. Xinha – Non-jQuery
Xinha (pronounced like Xena, the Warrior Princess)是一個功能強大的所見即所得的HTML編輯器組件,在支持目前所有的瀏覽器。其configurabilty和可擴展性,可以很容易地 生成合適的內容,無限制
- JS組件Bootstrap實現(xiàn)彈出框和提示框效果代碼
- JS組件Bootstrap Table表格行拖拽效果實現(xiàn)代碼
- JS表格組件神器bootstrap table詳解(基礎版)
- 自定義Angular指令與jQuery實現(xiàn)的Bootstrap風格數(shù)據(jù)雙向綁定的單選與多選下拉框
- JS組件Form表單驗證神器BootstrapValidator
- JS組件中bootstrap multiselect兩大組件較量
- JS組件Bootstrap Select2使用方法詳解
- 很不錯的兩款Bootstrap Icon圖標選擇組件
- bootstrap3 兼容IE8瀏覽器!
- Bootstrap富文本組件wysiwyg數(shù)據(jù)保存到mysql的方法
相關文章
使用jquery實現(xiàn)IE下按backspace相當于返回操作
后退鍵在各瀏覽器下默認為點擊了一下后退按鈕,下面為大家介紹下如何實現(xiàn)實現(xiàn)IE下按backspace相當于返回操作,需要的朋友可以參考下2014-03-03jQuery EasyUI API 中文文檔 - ComboBox組合框
jQuery EasyUI API 中文文檔 - ComboBox組合框,使用jQuery EasyUI的朋友可以參考下。2011-10-10使用jQuery不判斷瀏覽器高度解決iframe自適應高度問題
這篇文章主要介紹了使用jQuery不判斷瀏覽器高度解決iframe自適應高度問題,需要的朋友可以參考下2014-12-12Jquery揭秘系列:ajax原生js實現(xiàn)詳解(推薦)
下面小編就為大家?guī)硪黄狫query揭秘系列:ajax原生js實現(xiàn)詳解(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06