百度編輯器使用方法

　一、下載UEditor編輯器

　　百度編輯器UEditor PHP版 

　　百度編輯器UEditor .NET版 

　　百度編輯器UEditor JSP版 

　　也可在UEditor官方網(wǎng)站：http://ueditor.baidu.com/下載頻道下載到最新版本的UEditor

　　UEditor官方的下載方式分為兩種,完整下載與定制下載，完整下載提供UTF-8與GBK兩種編碼的版本，定制下載目前只有UTF-8編碼，推薦使用定制下載，按需求定制，如果程序不是UTF-8編碼，可以使用EditPlus等工具將壓縮包里所有的HTML及JS文件轉(zhuǎn)碼，記得同時修改HTML文件中的charset=utf-8。

　　二、精簡UEditor編輯器

　　完整版的相關(guān)文檔與示例頁面較多，可以自行研究一下，下面為定制版中可以精簡的文件。

　　index.html是所定制的UEditor編輯器的示例文件，刪除之。

　　editor.js與editor.min.js內(nèi)容相同，editor.min.js是editor.js的壓縮版，使用時加載editor.min.js即可，所以editor.js也可以刪除。

　　三、將UEditor部署到PHP程序上

　　1.將UEditor的所有文件放在PHP程序的目錄中，這里我把文件放在/ueditor目錄下。

　　2.在網(wǎng)頁中引入UEditor文件

　　<script type="text/javascript" src="ueditor/editor_config.js"></script> <script type="text/javascript" src="ueditor/editor.min.js"></script>

3.在textarea標(biāo)簽下初始化UEditor

　　<script type="text/javascript"> var editor = new UE.ui.Editor(); textarea:'name'; //與textarea的name值保持一致 editor.render('name'); </script>

　　四、配置UEditor編輯器

　　editor_config.js是UEditor的配置文件，首先對路徑進(jìn)行配置。

　　修改第27行左右的路徑配置(根據(jù)版本不同可能會有變動)

　　URL = "ueditor/"; //根據(jù)實際情況配置

　　保存，OK搞定，UEditor編輯器就能使用了，此時同樣可以使用POST或者GET接收到提交的數(shù)據(jù)。

　　editor_config.js里還有很多常用的配置項目，比如編輯器初始內(nèi)容、編輯器高度等等，需要配置時只需去掉該行代碼前面的注釋符號//即可。

　　使用定制版的童鞋可以下載一個完整版，里面的配置文件比較完整，有些東西可以COPY過來。

　　五、UEditor代碼高亮

　　UEditor代碼高亮使用了第三方的高亮JS組件 – SyntaxHighlighter，在測試的過程中問題不少，使用UEditor編輯器“插入代碼”功能插入代碼并提交到數(shù)據(jù)庫后，在顯示頁面代碼是不會高亮顯示的，需要在該頁面加載一下JS和CSS文件。

　　<script type="text/javascript" src="ueditor/third-party/SyntaxHighlighter/shCore.js"></script> <link rel="stylesheet" href="ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" />

　　<script> SyntaxHighlighter.all() //執(zhí)行代碼高亮 </script>

　　還有一個問題，當(dāng)再次使用UEditor編輯之前提交到數(shù)據(jù)庫的代碼時，編輯器會自動過濾掉代碼中的很多標(biāo)簽，今天在微博上@了一下UEditor團(tuán)隊，UEditor團(tuán)隊的人說需要先轉(zhuǎn)義。

　　我在提交至數(shù)據(jù)庫之前用PHP的htmlspecialchars函數(shù)進(jìn)行轉(zhuǎn)義：

$content = htmlspecialchars($_POST[codeContent]);

　　輸出頁面執(zhí)行htmlspecialchars_decode函數(shù)后輸出：

　　echo htmlspecialchars_decode($Row["content"]);

　　再查看了官方的文檔，官方推薦把textarea容器更換為script容器

　　<script type="text/plain" id="content" name="content"> //從數(shù)據(jù)庫中取出的內(nèi)容打印到此處 </script>

　　此處采用了script標(biāo)簽作為編輯器容器對象，并設(shè)置了其類型是純文本，從而在避免了標(biāo)簽內(nèi)部JS代碼執(zhí)行的同時解決了使用傳統(tǒng)的textarea標(biāo)簽作為容器所帶來的一次額外轉(zhuǎn)碼問題，我同時使用了轉(zhuǎn)義和更換textarea容器的方式。

　　簡單測試了HTML、PHP、JAVASCRIPT和C++代碼，暫時沒發(fā)現(xiàn)問題。