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í)的，可定制的和靈活的文本編輯器，以滿足發(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ù)覽 有完整的用戶手冊(cè)，這將引導(dǎo)您完成每一步的整合HtmlBox到您的應(yīng)用和定制它。 D Small Rich Text Editor – jQuery
豐富的文本編輯器，應(yīng)用了IFRAME元素，功能非常全，能滿足我們復(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í)努力為用戶提供舒適的文本編輯器 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快速高效制作網(wǎng)頁(yè)交互特效的方法，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
jQuery簡(jiǎn)單實(shí)現(xiàn)隱藏以及顯示特效
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)隱藏以及顯示特效,需要的朋友可以參考下2015-02-02
jquery實(shí)現(xiàn)放大鏡簡(jiǎn)潔代碼(推薦)
這篇文章主要介紹了jquery實(shí)現(xiàn)放大鏡簡(jiǎn)潔代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-06-06
jquery實(shí)現(xiàn)的網(wǎng)頁(yè)自動(dòng)播放聲音
這篇文章主要介紹了使用jquery如何實(shí)現(xiàn)的網(wǎng)頁(yè)自動(dòng)播放聲音,需要的朋友可以參考下2014-04-04
這篇文章介紹了jQuery遍歷節(jié)點(diǎn)元素的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
基于JQuery的列表拖動(dòng)排序?qū)崿F(xiàn)代碼
基于JQuery的拖動(dòng)插件有幾個(gè)都相當(dāng)好用，效果也很好，但再好，還是自己琢磨一個(gè)最好。所以，我的理念就是即使實(shí)際項(xiàng)目中使用別人的程序，自己也得根據(jù)自己的理解和想法寫(xiě)一個(gè)出來(lái)。那么今天，就來(lái)看看我的思路是不是可以實(shí)現(xiàn)拖動(dòng)排序的功能2013-10-10
使用jQuery仿蘋(píng)果官網(wǎng)焦點(diǎn)圖特效
這篇文章主要介紹了使用jQuery仿蘋(píng)果官網(wǎng)焦點(diǎn)圖特效,非常的炫酷，需要的朋友可以參考下2014-12-12
JQuery實(shí)現(xiàn)簡(jiǎn)單的復(fù)選框樹(shù)形結(jié)構(gòu)圖示例【附源碼下載】
這篇文章主要介紹了JQuery實(shí)現(xiàn)簡(jiǎn)單的復(fù)選框樹(shù)形結(jié)構(gòu)圖,涉及jQuery頁(yè)面元素屬性動(dòng)態(tài)操作與事件響應(yīng)相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2019-07-07
jquery實(shí)現(xiàn)標(biāo)簽支持圖文排列帶上下箭頭按鈕的選項(xiàng)卡
這篇文章主要介紹了jquery實(shí)現(xiàn)標(biāo)簽支持圖文排列帶上下箭頭按鈕的選項(xiàng)卡的特效，效果十分不錯(cuò)，而且非常實(shí)用，有需要的小伙伴參考下吧。2015-03-03
jquery實(shí)現(xiàn)的縮略圖預(yù)覽滑塊實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)的縮略圖預(yù)覽滑塊,實(shí)例分析了jQuery縮略圖預(yù)覽滑塊的實(shí)現(xiàn)與使用技巧,并提供了完整的實(shí)例下載,需要的朋友可以參考下2015-06-06