Ueditor1.4.3.3 asp UTF-8版文件缺失修改方法 ...
前幾天在做一個項目中需要用富文本編輯器,最終選定用Ueditor編輯器,從官網下載源碼(http://ueditor.baidu.com/website/download.html),按照文檔創建demo,如下:
1 <!DOCTYPE HTML> 2 <html lang="en-US"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>ueditor demo</title> 7 </head> 8 9 <body> 10 <!-- 載入編輯器的容器 --> 11 <script id="container" name="content" type="text/plain"> 12 這裡寫你的初始化內容 13 </script> 14 <!-- 配置文件 --> 15 <script type="text/javascript" src="ueditor.config.js"></script> 16 <!-- 編輯器源碼文件 --> 17 <script type="text/javascript" src="ueditor.all.js"></script> 18 19 <!-- 實例化編輯器 --> 20 <script type="text/javascript"> 21 var ue = UE.getEditor('container',{ 22 //這裡可以選擇自己需要的工具按鈕名稱,此處僅選擇如下五個 23 toolbars: [['FullScreen', 'Source', 'Undo', 'Redo', 'Bold', 'test']], 24 //focus時自動清空初始化時的內容 25 autoClearinitialContent: true, 26 //關閉elementPath 27 elementPathEnabled: false, 28 //預設的編輯區域高度 29 initialFrameHeight: 300, 30 //最大輸入字數 31 maximumWords:500 32 }); 33 </script> 34 </body> 35 36 </html>
運行demo,結果編輯器載入不全,下載的源碼中缺少ueditor.all.js文件,這個簡單,查看官方提供的演示demo,瀏覽器調試獲得整個ueditor.all.js的代碼,在本地創建js文件,複製,保存,刷新demo,本以為這樣就可以了,現實往往喜歡和你開玩笑~demo沒有載入編輯器的樣式!!!!
功夫不負有心人啊,最後找到這樣一處配置,在ueditor.all.js文件中查找ueditor.css,把這個文件的路徑修改正確就OK了,希望能幫到遇到同樣問題的小伙伴們。
UE.ui.Editor = function (options) { var editor = new UE.Editor(options); editor.options.editor = editor; utils.loadFile(document, { href:editor.options.themePath + editor.options.theme + "/_css/ueditor.css", tag:"link", type:"text/css", rel:"stylesheet" });