Ueditor的配置及使用

Ueditor官網：http://ueditor.baidu.com/website/    （項目需要JSP版本：UTF-8版）

1.配置  

<script type="text/javascript" charset="utf-8">
	window.UEDITOR_HOME_URL = "${ctx}/assets/plugins/ueditor/"; //UEDITOR_HOME_URL、config、all這三個順序不能改變
</script>
<script type="text/javascript" charset="utf-8" src="${ctx}/assets/plugins/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="${ctx}/assets/plugins/ueditor/ueditor.all.min.js"></script>
<!--建議手動加在語言，避免在ie下有時因為加載語言失敗導致編輯器加載失敗--> <!--這里加載的語言文件會覆蓋你在配置項目里添加的語言類型，比如你在配置項目里配置的是英文，這里加載的中文，那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="${ctx}/assets/plugins/ueditor/lang/zh-cn/zh-cn.js"></script>

　　

2.使用

<!-- 加載編輯器的容器 -->
  <script id="editor" type="text/plain" name="content">
            ${info.content}   //在這里輸入編輯器的初始內容。
  </script>

 

<!-- 創建編輯器並設置屬性 -->

<script type="text/javascript">
    //建議使用工廠方法getEditor創建和引用編輯器實例，如果在某個閉包下引用該編輯器，直接調用UE.getEditor('editor')就能拿到相關的實例
   //相見文檔配置屬於你自己的編譯器
 var ue = UE.getEditor('editor', { initialFrameHeight: 300, initialFrameWeight: 100 }); </script>

 

成功后如圖：

 

3.配置過程中出現的問題：

（1）下拉框點擊沒反應，表情顯示在編譯器的后面。進入Ueditor文件夾，點開ueditor.config.js，為該編輯器的默認配置，找到zIndex，改大。

           

 

 

 工具欄中不想呈現的工具也可以在這里設置去掉。

 

 

 （2）使用setContent，動態設置編輯器的初始內容。

 

<script type="text/javascript">
    var ue = UE.getEditor('editor', {
        initialFrameHeight: 300,
        initialFrameWeight: 100
    });
    var content;  ue.addListener("ready", function() { //必須這么寫，等待編輯器加載完成，否則不能動態加載數據，會報錯如下圖。
        $.ajax({
            url: "${aapi}/ecosphere/detail/{{id}}",
            success: function(json) {
                content = json.data.content;
                UE.getEditor('editor').setContent(content);
            }
        });
    });
</script>

 

 

 這么一來：

 

原有的內容就可以呈現出來了，在此基礎上進行編輯即可。 

 

 

 （3）至今沒解決！！！上傳圖片插入視頻什么的沒有卵用，求大神幫忙解決如下圖所示的問題。試過網上的各種妖點子。