UEditor本身並不依賴jQuery，但如果在項目中同時使用兩者的話，可能會希望使用jQuery語法創建和獲取編輯器實例。為此，需要為jQuery編寫插件，代碼如下：
(function ($) { // 注冊jQuery插件 $.fn.ueditor = function () { // 如果通過jQuery獲取了多個元素，可以創建多個編輯器 for (var i = 0; i < this.length; i++) { // UEditor會自己管理各個編輯器實例，不會重復創建 UE.getEditor(this[i].id); } // 只返回第一個元素對應的編輯器實例。因此，如果要獲取編輯器，使用的選擇器應該只匹配一個元素，多余的元素將忽略 return UE.getEditor(this[0].id); }; })($);
下面寫一個頁面測試這款插件。在這個頁面中包含了多個編輯器，可以驗證這款插件支持多個編輯器的創建和單一編輯器實例的獲取：
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /> </head> <body> <script id="editor1" class="editor" type="text/html"> <h3>UEditor的jQuery插件化1</h3> </script> <script id="editor2" class="editor" type="text/html"> <h3>UEditor的jQuery插件化2</h3> </script> <button type="button" data-editor="1">顯示內容1</button> <button type="button" data-editor="2">顯示內容2</button> <script src="Scripts/jquery-3.1.1.js"></script> <script src="ueditor/ueditor.config.js"></script> <script src="ueditor/ueditor.all.js"></script> <!-- 引入剛才編寫的插件 --> <script src="Scripts/jquery-ueditor.js"></script> <script> // 一次調用，創建多個編輯器 $(".editor").ueditor(); $("button[data-editor]").click(function () { // 用同樣的方法獲取單一編輯器實例，然后顯示其文本內容 alert($("#editor" + $(this).data("editor")).ueditor().getPlainTxt()); }); </script> </body> </html>
測試截圖如下（已點擊第二個按鈕）：
