1. 程式人生 > >UEditor編輯器_記一次開發

UEditor編輯器_記一次開發

alt aid tex 一次 .get html asp 初始化 下載

1.UEditor編輯器官網:http://ueditor.baidu.com/website/

2.下載文件:選擇 1.4.3.3 .Net版本 UTF-8板

技術分享圖片

3.建一個ueditor文件夾,將下載的文件全部放進這個ueditor文件夾裏。

技術分享圖片

4.新建一個aspx頁面,需要引用以下文件

技術分享圖片

5.<body>……</body>需寫代碼

1 <script id="editor" type="text/plain" style="height: 300px;"></script>

1   <script type="text/javascript">
2
3 //實例化編輯器 4 //建議使用工廠方法getEditor創建和引用編輯器實例,如果在某個閉包下引用該編輯器,直接調用UE.getEditor(‘editor‘)就能拿到相關的實例 5 var ue = UE.getEditor(editor); 6 </script >

6. 一般圖片保存可以看:ueditor\net\config.json

7.獲取html內容:conter

1                 var arr = [];
2                 arr.push(UE.getEditor(
editor).getContent()); 3 var conter = arr.join("\n");

8.賦值、清空內容:

1    var ue = UE.getEditor(editor);//初始化對象  
2     ue.setContent("");
      ue.setContent(conter);

9.效果圖:

技術分享圖片

技術分享圖片

UEditor編輯器_記一次開發