1.ueditor是百度很好用的一款文本編輯器，第一次使用，在此記錄使用方法。
2.從http://ueditor.baidu.com/website/download.html#ueditor下載editor php utf-8版本
3.解壓：說明
dialogs：存放的是彈出對話框對應的資源，還有js文件和js文件資源
lang：語言文件目錄
php：php目錄：php文件->config.json：配置文件
themes：主題目錄
third-party：第三方插件
index.html：demo
ueditor.all.js：ueditor源碼文件
ueditor.all.min.js：ueditor源碼文件壓縮版
ueditor.config.js：配置文件（可以創建多個不同版本，在多個地方使用）
ueditor.parse.js：第三方插件
ueditor.parse.min.js：第三方插件壓縮版
4.在文件中建立index.html文件，引入ueditor，兩者放在平級目錄中：如下：
5.在index.html中引入ueditor，index.html編輯如下：
<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>editor測試</title> <script src="/ueditor/ueditor.config.js">/*引入配置文件*/</script> <script src="/ueditor/ueditor.all.js">/*引入源碼文件*/</script> </head> <body> <textarea id="content" rows="10" cols="70" style="border:1px solid #E5E5E5;">55222</textarea> <script type="text/javascript"> UE.getEditor("content");//實例化編輯器 傳參,id為將要被替換的容器。 </script> </html>
引入效果：
6.有時候我們用ueditor的時候並不需要這么多功能，需要簡化該功能，那么怎么簡化呢？
簡化功能有兩種方式，一是修改配置文件，二是傳參。
修改配置文件：ueditor.config.js 用文本編輯器打開。
在index.html實例化時選擇自己需要的屬性進行傳參：index,html傳參如下：
效果：
7.此時文本框的寬度為100%，那么怎么設置文本框的寬度呢？可以在textarea中用style屬性定義；
效果：
也可以用其他方法定義寬度：渲染后自動執行該方法：只可以設置高度，要設置寬度可以在style里面設置。
效果：
8.也可以在配置文件中尋找方法配置編輯器的寬和高：
9.是否啟用元素路徑，默認是顯示，可以關閉：true->false;
10.獲取textarea中的值：
新建data.php文件：打印提交的內容值：
<?php header("Content-type: text/html; charset=utf-8"); print_r($_POST); ?>
打印結果：
結果：
11.textarea也可以用script來替換：
