一、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)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。