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

首先感謝分享

百度WEB前端設(shè)計(jì)部推出一款開(kāi)源的編輯器UEditor ??http://ueditor.baidu.com/index.html?，這款編輯器相當(dāng)強(qiáng)大，它提供了百度地圖，google地圖和視頻等一些非常強(qiáng)大的功能 ，畢竟是國(guó)內(nèi)大企業(yè)肯定是要關(guān)注的。

　　在ueditor1.1.5版本的使用很簡(jiǎn)單

　　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文件包含進(jìn)來(lái)

　　2、html代碼

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

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

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

　　var editor = new baidu.editor.ui.Editor(); <!--new一個(gè)對(duì)象，通過(guò)對(duì)象創(chuàng)建編輯器-->

　　editor.render("editor");<!--出入?yún)?shù)editor為textarea中的id值，并生成編輯器-->

</script>

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

? ? ? </form>

　　3、服務(wù)器接收數(shù)據(jù)

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

　　　　UEditor對(duì)編輯器編輯的內(nèi)容有一個(gè)默認(rèn)的名editorValue，所以可以通過(guò)$_POST['editorValue']接受出過(guò)來(lái)的數(shù)據(jù)。

　　以上就完成了對(duì)UEditor的配置

　　　　4、其他問(wèn)題

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

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

var option = {

? ?initialContent: '在編輯器中默認(rèn)顯示的內(nèi)容',　　//初始化編輯器的內(nèi)容

? ?minFrameHeight: 200, 　　　　　　　　　//設(shè)置高度

? ?textarea: 'content' ? ?　　　　　　　　　　 //設(shè)置提交時(shí)編輯器內(nèi)容的名字，之前我們用的名字是默認(rèn)的editorValue

};

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

editor.render("editor");

</script>

　　　　　　2、如果你的UEditor都弄好了，但是發(fā)現(xiàn)百度地圖、google地圖、視屏、表情都無(wú)法正常顯示，問(wèn)題可能是你的UEditor文件沒(méi)有放在你的跟目錄下，

　　　　　　　　但調(diào)用的文件是在根目錄下（只要你調(diào)用UEditor的文件和UEditor文件沒(méi)有放在同一級(jí)文件夾下面）。這是因?yàn)閁Editor是根據(jù)相對(duì)路徑來(lái)確定

　　　　　　　　調(diào)用自身的其他文件的，如果改成絕對(duì)路勁就可以解決這個(gè)問(wèn)題了。

　　　　　　　　解決：

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

　　　　　　　　更改"UEDITOR_HOME_URL"這個(gè)值，改為UEditor這個(gè)文件夾得在服務(wù)器下的絕對(duì)路徑

　　　　　　　　例如：

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

　　　　　　　　OK ?啦！

轉(zhuǎn)載于:https://www.cnblogs.com/Zell-Dinch/articles/3917835.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。