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

?

?

轉載于:https://www.cnblogs.com/cryst/p/5984894.html

總結

以上是生活随笔為你收集整理的Ueditor的配置及使用的全部內容，希望文章能夠幫你解決所遇到的問題。

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