文字編輯器,也就是所見即所得的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。原...