百度富文本編輯器ueditor使用總結

本文轉自：http://blog.csdn.net/wusuopubupt/article/details/13019657

1.編輯器的實例化頁面，導入編輯器需要的三個入口文件，示例代碼如下：

 

<script type="text/javascript" charset="utf-8" src="../umeditor.config.js"></script>

    <!--使用版-->
    <!--<script type="text/javascript" charset="utf-8" src="../umeditor.all.js"></script>-->

    <!--開發版-->
    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
    <script type="text/javascript" src="../lang/zh-cn/zh-cn.js"></script>

<script type="text/javascript" charset="utf-8" src="../umeditor.config.js"></script>

    <!--使用版-->
    <!--<script type="text/javascript" charset="utf-8" src="../umeditor.all.js"></script>-->

    <!--開發版-->
    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
    <script type="text/javascript" src="../lang/zh-cn/zh-cn.js"></script>

 

 

2.然后在編輯器的實例化頁面中創建編輯器實例及其DOM容器，示例代碼如下：

 

<textarea name="后台取值的key" id="myEditor">這里寫你的初始化內容</textarea>
<script type="text/javascript">
    var editor = new UE.ui.Editor();
    editor.render("myEditor");
    //1.2.4以后可以使用一下代碼實例化編輯器
    //UE.getEditor('myEditor')
</script>

<textarea name="后台取值的key" id="myEditor">這里寫你的初始化內容</textarea>
<script type="text/javascript">
    var editor = new UE.ui.Editor();
    editor.render("myEditor");
    //1.2.4以后可以使用一下代碼實例化編輯器
    //UE.getEditor('myEditor')
</script>

3.在editor_config.js中查找URL變量配置編輯器在你項目中的路徑。

 

官網示例：

 

//強烈推薦以這種方式進行絕對路徑配置
URL= window.UEDITOR_HOME_URL||"/UETest/ueditor/";

//強烈推薦以這種方式進行絕對路徑配置
URL= window.UEDITOR_HOME_URL||"/UETest/ueditor/";

我的配置：

 

 

(function () {
    /**
     * 編輯器資源文件根路徑。它所表示的含義是：以編輯器實例化頁面為當前路徑，指向編輯器資源文件（即dialog等文件夾）的路徑。
     * 鑒於很多同學在使用編輯器的時候出現的種種路徑問題，此處強烈建議大家使用"相對於網站根目錄的相對路徑"進行配置。
     * "相對於網站根目錄的相對路徑"也就是以斜杠開頭的形如"/myProject/umeditor/"這樣的路徑。
     * 如果站點中有多個不在同一層級的頁面需要實例化編輯器，且引用了同一UEditor的時候，此處的URL可能不適用於每個頁面的編輯器。
     * 因此，UEditor提供了針對不同頁面的編輯器可單獨配置的根路徑，具體來說，在需要實例化編輯器的頁面最頂部寫上如下代碼即可。當然，需要令此處的URL等於對應的配置。
     * window.UMEDITOR_HOME_URL = "/xxxx/xxxx/";
     */

    /**
     * @author wusuopubupt
     * @date 2013-10-24
     *
     * set window.UMEDITOR_HOME_URL = "/ueditor/";
     *
     * */
    window.UMEDITOR_HOME_URL = "/ueditor/";  //注意就是這里！

    var URL = window.UMEDITOR_HOME_URL || (function(){

        function PathStack() {