本文摘自：http://www.cnblogs.com/pmpen/archive/2011/09/19/2181811.html

首先感謝分享

百度WEB前端設計部推出一款開源的編輯器UEditor ??http://ueditor.baidu.com/index.html?，這款編輯器相當強大，它提供了百度地圖，google地圖和視頻等一些非常強大的功能 ，畢竟是國內大企業肯定是要關注的。

　　在ueditor1.1.5版本的使用很簡單

　　1、包含頭文件

　　　　<link href="../themes/default/ueditor.css" rel="stylesheet" type="text/css" />?

　　　　<script src="../editor_config.js" type="text/javascript"></script>?

　　　　<script src="../editor_ui_all.js" type="text/javascript"></script>

　　　　將入口的js文件和css文件包含進來

　　2、html代碼

　　　　<form action="add.php" ?method="POST" >

　　　　<textarea id="editor" ?></textarea> <!--內容輸入框 注意id的命名-->

<script language="javascript" type="text/javascript"> ?<!-- UEditor -->?

　　var editor = new baidu.editor.ui.Editor(); <!--new一個對象，通過對象創建編輯器-->

　　editor.render("editor");<!--出入參數editor為textarea中的id值，并生成編輯器-->

</script>

<input type="submit" name="sub"/>

? ? ? </form>

　　3、服務器接收數據

　　　　我的form表單中提交到add.php文件中，在add.php中通過$_POST接收編輯器傳入的數據（asp、jsp也是一樣的，只是提交到服務器的文件不一樣）。

　　　　UEditor對編輯器編輯的內容有一個默認的名editorValue，所以可以通過$_POST['editorValue']接受出過來的數據。

　　以上就完成了對UEditor的配置

　　　　4、其他問題

　　　　　　1、如果你需要設置UEditor的一些參數的話，只要在HTML代碼中的js片段斷碼加以修改

　　　　　　<script language="javascript" type="text/javascript">?

var option = {

? ?initialContent: '在編輯器中默認顯示的內容',　　//初始化編輯器的內容

? ?minFrameHeight: 200, 　　　　　　　　　//設置高度

? ?textarea: 'content' ? ?　　　　　　　　　　 //設置提交時編輯器內容的名字，之前我們用的名字是默認的editorValue

};

? ?var editor = new baidu.editor.ui.Editor(option);　　　//將設置初始化（之前的配置采用的是默認的，所以沒有傳參數）

editor.render("editor");

</script>

　　　　　　2、如果你的UEditor都弄好了，但是發現百度地圖、google地圖、視屏、表情都無法正常顯示，問題可能是你的UEditor文件沒有放在你的跟目錄下，

　　　　　　　　但調用的文件是在根目錄下（只要你調用UEditor的文件和UEditor文件沒有放在同一級文件夾下面）。這是因為UEditor是根據相對路徑來確定

　　　　　　　　調用自身的其他文件的，如果改成絕對路勁就可以解決這個問題了。

　　　　　　　　解決：

　　　　　　　　在UEditor（不一定是這個名稱，看你命名是哪個就是哪個）文件夾下，有個配置文件editor_config.js，在里面可以更改配置信息。

　　　　　　　　更改"UEDITOR_HOME_URL"這個值，改為UEditor這個文件夾得在服務器下的絕對路徑

　　　　　　　　例如：

　　　　　　　　UEDITOR_HOME_URL:'http://localhost/QingBlog/pm-static/UEditor/', //這里你可以配置成ueditor目錄在您網站的絕對路徑

　　　　　　　　OK ?啦！

轉載于:https://www.cnblogs.com/Zell-Dinch/articles/3917835.html

總結

以上是生活随笔為你收集整理的百度UEditor编辑器使用（二）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。