1. 在jsp中怎麼使用Ueditor編輯器
您好,關於JSP中Ueditor的使用經驗:
1、首先去官網下載Ueditor,選擇UTF-8版本。
2、在項目工程裡面導入,新建一個Ueditor的文件夾,把解壓之後的全部東西放進去。
3、新建一個JSP頁面,並在頁面上引用Ueditor的JS文件,路徑自己調整。
<!-- 配置文件 -->
<script type="text/javascript" src="ueditor/ueditor.config.js"></script>
<!-- 編輯器源碼文件 -->
<script type="text/javascript" src="ueditor/ueditor.all.js"></script>
4、在頁面上新建一個textarea的標簽,如下:
<textarea id="container" name="container"
style="width: 800px; height: 400px; margin: 0 auto;">
</textarea>
5、實例化編輯器,這里用的是替代法,即把textarea替換為Ueditor編輯器
<!-- 實例化編輯器 -->
<script type="text/javascript">
var ue = UE.getEditor("container");
</script>
到此,基本配置就完了。
後台獲取數據,在後台裡面:
String word_content = request.getParameter("container"); 獲取頁面上的name="container "就行了
如果使用SSH框架的話,更加簡單,我也就不贅述了。
關於資料庫獲取數據,使用查詢語句查詢對應的欄位,傳遞到頁面上就OK。不用過多的考慮。
其次還給你說一下,關於圖片上傳的問題:
當你能夠運行編輯器頁面的時候,圖片上傳功能就已經實現了。不需要你做額外的配置。
默認的圖片上傳目錄是:
WebContent下的images目錄,上傳的圖片是在伺服器上的,項目工程裡面是沒有的,要去你工作空間裡面找,我的是E:\JavaWeb_workplace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps。你可以對應的這個目錄去找。
再次說明一下,圖片的上傳目錄可以更改。打開如圖:
打開之後是這個樣子:
這個就是圖片上傳文件的配置,你可以在這里修改你想上傳的文件路徑。
2. ueditor編輯器 怎麼插入代碼
打開文章相對應的模板,在模板里插入如下代碼:
<link rel="stylesheet" href="/include/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" />
<script type="text/javascript" src="/include/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<script type="text/javascript"> SyntaxHighlighter.all(); </script>
將上面三行代碼放回在<head></head>之間,這個還是要說答明一下,請在大家注意,另需要注意的是,請自行修你ueditor文件所在的位置,因為我的ueditor放在網站根目錄下的include文件夾所以我調用的位置就是/include/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css,而這個位置大家根據自己的需要進行修改。
3. 我引入百度編輯器ueditor 的時候出錯了 代碼如下
引入網路編輯器ueditor 的時候出錯了是設置錯誤造成的,解決方法為:回
1、網路編輯器ueditor的引入。
4. js判斷ueditor內容是否為空
var content = ue.getContent();
其中獲取到的content就是文本框內的內容,可以判斷是否為空
varcontent=ue.getContent();
if(content==''){
alert('內容不能回為空...');
returnfalse;
}
註:其中 ue 是初始化ueditor編輯答器的一個變數
5. 百度編輯器ueditor asp版怎麼用
網路UEditor編輯器的配置方法技巧
1、從官網上下載完整源碼包,解壓到任意目錄,解壓後的源碼目錄結構如下所示:
_examples:編輯器完整版的示例頁面
dialogs:彈出對話框對應的資源和JS文件
themes:樣式圖片和樣式文件php/jsp/.net:涉及到伺服器端操作的後台文件,根據你選擇的不同後台版本,這里也會不同,這里我們選擇php
third-party:第三方插件(包括代碼高亮,源碼編輯等組件)
editor_all.js:_src目錄下所有文件的打包文件(用於發布版本)
editor_api.js: API介面配置文件(開發版本)
editor_all_min.js:editor_all.js文件的壓縮版,建議在正式部署時才採用
editor_config.js:編輯器的配置文件,建議和編輯器實例化頁面置於同一目錄
2、編輯器的實例化頁面,導入編輯器需要的三個入口文件,示例代碼如下:
<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>
6. 關於jsp中ueditor的用法
您好,關於JSP中Ueditor的使用經驗:
1、首先去官網下載Ueditor,選擇UTF-8版本。
這個就是圖片上傳文件的配置,你可以在這里修改你想上傳的文件路徑。
希望這個是你想要的答案。
望採納,純手打。