ueditor富文本編輯器嵌入jsp頁面


第一步:
將ueditor1_4_3_3-utf8-jsp.zip壓縮包解壓全部文件放到ueditor2文件夾下

 

這里寫圖片描述

這里寫圖片描述


第二步:
在需要嵌入富文本編輯器的頁面,導入對應的js.

<meta http-equiv="CONTENT-TYPE" content="text/html;charest=utf-8">
<script type="text/javascript" charset="utf-8" src="../../ueditor2/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../../ueditor2/ueditor.all.js"></script>
<link href="../../ueditor2/themes/default/css/ueditor.css" rel="stylesheet">
<script type="text/javascript" charset="utf-8" src="../../ueditor2/lang/zh-cn/zh-cn.js"></script>

注意注意注意!!!
這個導入js或者css的順序一定不要互換,順序不一致的話結果就會出不來。

第三步:
在jsp頁面,需要加入富文本編輯器的部分,加入一個字段 id="editor"

<textarea id="editor" name="content" type="text/plain" style="width: 1000px ; height: 500px">
這里可以書寫
</textarea>

<script type="text/javascript">
UE.getEditor('editor');
</script>

括號內‘ ‘ 的單詞應該與id保持一致。

ok啦,功能實現!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM