一些使用jQuery開發的線上Web富文字編輯器

2021-09-06 03:47:11 字數 1427 閱讀 4335

文字編輯器,也就是所見即所得的html編輯器,是**乙個非常重要的元件,特別是對於一些內容發布**來說。本文介紹10個基於jquery的視覺化文字編輯器。

1.markitup

demo / source

2.jwysiwyg

這是乙個內嵌的內容編輯器,可直接編輯html內容,並具備所見即所得的效果,該外掛程式體積非常小,只有不到26k。

demo / source

3.rte jquery

該編輯器同樣非常小而且易用,並可根據需要進行定製,jquery.rte.js檔案只有7k(未壓縮),相容主流瀏覽器(ie6,firefox 2,opera 9,safari 3.03)

demo / source

4.jhtmlarea

jhtmlarea是乙個簡單、輕量級、可擴充套件、基於jquery開發的wysiwyg html編輯器。這個元件可以很方便將頁面中的textarea標籤轉換成乙個wysiwyg html editor。整個編輯器包括和css大小只有22k。

demo / source

5.wymeditor

wymeditor是乙個基於web瀏覽器的視覺化html編輯器,介面如下圖所示

demo / source

6.ueditor

ueditor是乙個靈活易用的編輯器,生成的html**很簡單整潔,可通過css定製外觀

demo / source

7.jquery wysiwyg rich text editor

demo / source

8.htmlbox

htmlbox是乙個基於jquery開發的html/xhtml編輯器。易於使用。支援多種瀏覽器mozilla firefox、internet explorer6.0、opera、safari和netscape。非常小只有15kb。htmlbox預設返回html,但也可以輸出xhtml。 整合ajax支援。

demo / source

9.cleditor

cleditor是乙個開源的jquery外掛程式,提供輕量級、全功能、跨瀏覽器支援以及可擴充套件的wysiwyg的html編輯器。

demo / source

10.wymeditor: web-based xhtml editor

wymeditor是乙個xhtml編輯器,主要概念是做視覺化布局,側重結構。

demo / source

jquery的一些使用小結

目錄 1 jquery如何判斷兩個元素是否同一物件?2 jquery獲取html標籤,包含該標籤本身?兩個不同的 jquery 物件可能是對同乙個 組 dom 物件的封裝,這個時候可以用is來判斷,比如 var a editor var b editor console.log a b false ...

使用jquery的一些總結

1,使用jquery獲取文字框的值 var abcdefg text12 方式一 abcdefg 0 value 方式二 abcdefg.val 注意 abcdefg.attr value 獲取的是預設值,而不是當前文字框的值 2,使用jquery設定為唯讀 方式一 mechcoupon start...

線上的一些坑記錄

1.mq業務邏輯ack太慢。導致資料過度積壓到佇列。mq儲存到了磁碟,導致磁碟爆滿,長時間沒人管理,伺服器就炸了。先落庫再處理 2.併發情況下的資料庫操作順序。舉個例子 a修改資料,a獲取修改的資料,在a修改結束要去獲取的時候,b進行了修改。導致a無法獲取到資料 3.多伺服器多執行緒設定標識id。原...