富文本编辑器在Java中使用
一、ckeditor
1)
下載ckeditor_3.6.2.zip和ckeditor-java-core-3.5.3.zip兩個(gè)壓縮文件
下載地址:http://ckeditor.com
2)
解壓縮文件ckeditor_3.6.2.zip和ckeditor-java-core-3.5.3.zip兩個(gè)文件,
在ckeditor_3.6.2文件中有ckeditor文件夾;
ckeditor-java-core-3.5.3中有ckeditor-java-core-3.5.3.jar、 ckeditor-java-core-3.5.3-javadoc.jar和ckeditor-java-core-3.5.3-sources.jar三個(gè)jar包
3)
把ckeditor_3.6.2文件夾下的ckeditor整個(gè)復(fù)制到工程WebRoot下;
把ckeditor-java-core-3.5.3文件夾下的三個(gè)jar包復(fù)制到WebRoot—>WEB-INF—>lib文件夾下
4)
要使用就必須在jsp文件中先引入ckeditor.js文件
<scripttype="text/javascript"src="ckeditor/ckeditor.js"></script>
5)
新建一個(gè)textarea html對(duì)象
<textarea?id="editor1"?name="editor1">初始化文字</textarea>
用ckeditor替換html area
<script type="text/javascript"> CKEDITOR.replace( 'editor1'?); </script>
或者
<ckeditor:replace replace="editor1" basePath="/ckeditor/" />
6)
效果圖
二、ueditor
1)
下載ueditor
下載地址:http://ueditor.baidu.com/website/download.html
2)
解壓縮文件,并把文件夾名改為ueditor
ueditor\jsp\lib路徑下有commons-codec-1.9.jar、commons-fileupload-1.3.1.jar、commons-io-2.4.jar、json.jar、ueditor-1.1.2.jar五個(gè)jar包
3)
把整個(gè)ueditor文件夾復(fù)制到工程WebRoot下;
把ueditor\jsp\lib文件夾下的五個(gè)jar包復(fù)制到WebRoot—>WEB-INF—>lib文件夾下
4)
在jsp文件中先引入ueditor.config.js、ueditor.all.js文件
?</script>
?<!-- 配置文件 -->
?<script type="text/javascript" src="ueditor.config.js"></script>
?<!-- 編輯器源碼文件 -->
?<script type="text/javascript" src="ueditor.all.js"></script>
5)
頁(yè)面中這么使用
<!-- 加載編輯器的容器 -->
<script id="container" name="content" type="text/plain">
這里寫你的初始化內(nèi)容
<!-- 實(shí)例化編輯器 -->
<script type="text/javascript">
var ue = UE.getEditor('container');
</script>
6)
效果圖
7)
設(shè)置和讀取編輯器的內(nèi)容
var ue = UE.getContent();
//對(duì)編輯器的操作最好在編輯器ready之后再做
ue.ready(function() {
? ? //設(shè)置編輯器的內(nèi)容
? ? ue.setContent('hello');
? ? //獲取html內(nèi)容,返回: <p>hello</p>
? ? var html = ue.getContent();
? ? //獲取純文本內(nèi)容,返回: hello
? ? var txt = ue.getContentTxt();
});
總結(jié)
以上是生活随笔為你收集整理的富文本编辑器在Java中使用的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 人口预测模型
- 下一篇: 一个牛人给Java小生们的建议