10個(gè)基于jQuery或JavaScript的WYSIWYG 編輯器整理
在線編輯內(nèi)容的時(shí)候，那些基于 JavaScript 的編輯器幫了我們大忙，這些所見(jiàn)即所得（WYSIWYG）編輯器，給我們提供了類(lèi)似 Office?的操作體驗(yàn)。如今，任何網(wǎng)站內(nèi)容管理系統(tǒng)（CMS）和博客系統(tǒng)都需要一個(gè)這樣的編輯器。本文精選了5個(gè)基于 JavaScript?的編輯器，5個(gè)基于 jQuery 框架的編輯器。 MarkitUp – jQuery
markItUp! 它不是一個(gè)“全功能，亂用”的編輯器。相反，它是一個(gè)非常輕量級(jí)的，可定制的和靈活的文本編輯器，以滿(mǎn)足發(fā)展的需要，在其CMSes ，博客，論壇或網(wǎng)站。 markItUp ！不是一個(gè)WYSIWYG編輯器，它是簡(jiǎn)易實(shí)用的文本編輯器。 快速移植和使用 支持鍵盤(pán)快捷鍵 支持Ajax的動(dòng)態(tài)預(yù)覽 兼容的瀏覽器: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is. 許可: MIT/GPL 文件: 便攜，節(jié)省資源，只有 6.5Kb. jWYSIWYG – jQuery
jWYSIWYG，此插件是一個(gè)內(nèi)置的內(nèi)容編輯器，允許編輯HTML內(nèi)容。這是一種替代WYMeditor與便捷實(shí)用的功能。文件大小不到 17Kb和26Kb總額只有9Kb 18Kb的代碼和7Kb便攜。 GNU General Public License v2 小巧輕便 支持Ajax的動(dòng)態(tài)預(yù)覽 兼容主流瀏覽器 Lightweight RTE- jQuery
這一豐富文本編輯器盡可能的簡(jiǎn)單容易的改變我們基本的編輯需求。 超輕量級(jí)，只有 7kb 兼容主流瀏覽器 簡(jiǎn)潔，優(yōu)雅 GNU General Public License HTMLBox – jQuery
HTMLBox，跨瀏覽器的，開(kāi)源的HTML / XHTML文本基礎(chǔ)上的jQuery庫(kù)。通過(guò)了Mozilla Firefox ， Inrernet瀏覽器， Netscape和Safari瀏覽器的測(cè)試。一體化的HtmlBox易于集成到CMS，論壇，留言板,博客中。 易于集成 兼容主流瀏覽器. 大小只有 15kb (最小 11kb ) 支持XHTML輸出. 支持Ajax的動(dòng)態(tài)預(yù)覽 有完整的用戶(hù)手冊(cè)，這將引導(dǎo)您完成每一步的整合HtmlBox到您的應(yīng)用和定制它。 D Small Rich Text Editor – jQuery
豐富的文本編輯器，應(yīng)用了IFRAME元素，功能非常全，能滿(mǎn)足我們復(fù)雜的文本編輯。 大小(~18k) ! (便攜/Minified JS, Plugins & CSS合起來(lái)有12k w/o GZIP, HTML can be reduced to ~3k using GZIP, Images (w/o emoticons) are less than 3k) 兼容主流瀏覽器 支持所有的基本功能 支持插件功能 圖片上傳，通過(guò)AJAX 實(shí)現(xiàn)(使用的是 AjaxFileUpload plugin). 可以調(diào)整文本區(qū)域。 支持XHTML 1.0 驗(yàn)證 和 過(guò)濾(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是一個(gè)基于網(wǎng)絡(luò)的WYSIWYM （你所看到的你的意思）的XHTML編輯器。 WYMeditor的主要概念是離開(kāi)的細(xì)節(jié)文件的視覺(jué)版面，并把重點(diǎn)放在它的結(jié)構(gòu)和意義，同時(shí)努力為用戶(hù)提供舒適的文本編輯器 XHTML strict + CSS compliant 沒(méi)有字體或文本格式, 大小或顏色 – 它們是基于您的css樣式的 便于集成至您的應(yīng)用程序中 無(wú)需安裝，這是100 ％的Javascript代碼編寫(xiě)的-無(wú)插件，不延時(shí) 支持Image, link, table 支持 CSS 有APIs,支持插件 自由和開(kāi)放源碼 兼容主流瀏覽器 TinyMCE – non-jQuery
TinyMCE是一個(gè)獨(dú)立的平臺(tái)，基于Web的Javascript的 HTML WYSIWYG編輯器，是開(kāi)源的。超強(qiáng)的HTML文本或其他元素轉(zhuǎn)換能力，以編輯實(shí)例。 易于集成-只需要幾行代碼 自定義-主題和插件，阻止無(wú)效的要素和屬性。 兼容主流瀏覽器 – Mozilla, MSIE, FireFox, Opera, Safari and Chrome. 輕量級(jí)的 – 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! 支持國(guó)際化 – Multilanguage support using language packs. 開(kāi)源 – Free under the LGPL license, millions of ppl help test and improve this editor every day. fckeditor – Non-jQuery
此HTML文本編輯器具有類(lèi)似于MS Word一樣的功能。它輕量級(jí)，無(wú)需安裝 兼容主流瀏覽器 支持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 支持插入圖片，上傳，預(yù)覽 單擊右鍵有下拉菜單 支持 插件 有智能拼寫(xiě)檢查程序 輕量級(jí)的和快速的 自動(dòng)檢測(cè)和個(gè)性化的瀏覽器 Yahoo YUI Rich Text Editor – Non-jQuery
The Rich Text Editor是Yahoo YUI開(kāi)發(fā)的，它可以取代標(biāo)準(zhǔn)HTML文本；支持文本字體選擇，加粗，斜體 ，有序列表，無(wú)序列表，鏈接，拖放圖片，工具欄通過(guò)插件是可擴(kuò)展，能夠?qū)崿F(xiàn)高度的個(gè)性化設(shè)置. Xinha – Non-jQuery
Xinha (pronounced like Xena, the Warrior Princess)是一個(gè)功能強(qiáng)大的所見(jiàn)即所得的HTML編輯器組件，在支持目前所有的瀏覽器。其configurabilty和可擴(kuò)展性，可以很容易地 生成合適的內(nèi)容，無(wú)限制
- JS組件Bootstrap實(shí)現(xiàn)彈出框和提示框效果代碼
- JS組件Bootstrap Table表格行拖拽效果實(shí)現(xiàn)代碼
- JS表格組件神器bootstrap table詳解（基礎(chǔ)版）
- 自定義Angular指令與jQuery實(shí)現(xiàn)的Bootstrap風(fēng)格數(shù)據(jù)雙向綁定的單選與多選下拉框
- JS組件Form表單驗(yàn)證神器BootstrapValidator
- JS組件中bootstrap multiselect兩大組件較量
- JS組件Bootstrap Select2使用方法詳解
- 很不錯(cuò)的兩款Bootstrap Icon圖標(biāo)選擇組件
- bootstrap3 兼容IE8瀏覽器！
- Bootstrap富文本組件wysiwyg數(shù)據(jù)保存到mysql的方法
相關(guān)文章
基于jquery和svg實(shí)現(xiàn)超炫酷的動(dòng)畫(huà)特效
這篇文章主要介紹了基于jquery和svg實(shí)現(xiàn)超炫酷的動(dòng)畫(huà)特效,想學(xué)習(xí)SVG的童鞋們可以來(lái)參考下。2014-12-12
使用jquery實(shí)現(xiàn)IE下按backspace相當(dāng)于返回操作
后退鍵在各瀏覽器下默認(rèn)為點(diǎn)擊了一下后退按鈕，下面為大家介紹下如何實(shí)現(xiàn)實(shí)現(xiàn)IE下按backspace相當(dāng)于返回操作,需要的朋友可以參考下2014-03-03
jQuery EasyUI API 中文文檔 - ComboBox組合框
jQuery EasyUI API 中文文檔 - ComboBox組合框,使用jQuery EasyUI的朋友可以參考下。2011-10-10
jquery對(duì)象訪問(wèn)是什么及使用方法介紹
這篇文章主要為大家詳細(xì)介紹了jquery對(duì)象訪問(wèn)是什么及使用方法介紹，感興趣的小伙伴們可以參考一下2016-05-05
使用jQuery不判斷瀏覽器高度解決iframe自適應(yīng)高度問(wèn)題
這篇文章主要介紹了使用jQuery不判斷瀏覽器高度解決iframe自適應(yīng)高度問(wèn)題,需要的朋友可以參考下2014-12-12
JQuery 中幾個(gè)類(lèi)選擇器的簡(jiǎn)單使用介紹
類(lèi)選擇器想必很多喜歡jquery的朋友早早就涉及到了吧，它們的使用也應(yīng)該了如指掌了吧，接下來(lái)幫大家溫習(xí)下幾個(gè)簡(jiǎn)單類(lèi)選擇器的使用方法，感興趣的你可以參考下哈，希望對(duì)你有所幫助2013-03-03
Jquery揭秘系列:ajax原生js實(shí)現(xiàn)詳解(推薦)
下面小編就為大家?guī)?lái)一篇Jquery揭秘系列:ajax原生js實(shí)現(xiàn)詳解(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
jQuery實(shí)現(xiàn)的導(dǎo)航下拉菜單效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的導(dǎo)航下拉菜單效果,涉及jQuery事件響應(yīng)及元素動(dòng)態(tài)操作相關(guān)技巧,非常簡(jiǎn)便實(shí)用,需要的朋友可以參考下2016-09-09
今天說(shuō)下基于datagrid框架的查詢(xún)，有需要的朋友可以參考一下。2013-04-04
小編收集了13個(gè)有用的CSS3,HTML5和jQuery搜索表單腳本來(lái)幫助大家從頭開(kāi)始創(chuàng)建一個(gè)搜索框。希望能夠幫助到大家，讓我們一起來(lái)看看吧！2014-12-12