一、ckeditor

1）

下載ckeditor_3.6.2.zip和ckeditor-java-core-3.5.3.zip兩個壓縮文件

下載地址:http://ckeditor.com

2）

解壓縮文件ckeditor_3.6.2.zip和ckeditor-java-core-3.5.3.zip兩個文件，

在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三個jar包

3）

把ckeditor_3.6.2文件夾下的ckeditor整個復制到工程WebRoot下；

把ckeditor-java-core-3.5.3文件夾下的三個jar包復制到WebRoot—>WEB-INF—>lib文件夾下

4）

要使用就必須在jsp文件中先引入ckeditor.js文件

<scripttype="text/javascript"src="ckeditor/ckeditor.js"></script>

5）

新建一個textarea html對象

<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五個jar包

3）

把整個ueditor文件夾復制到工程WebRoot下；

把ueditor\jsp\lib文件夾下的五個jar包復制到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）

頁面中這么使用

<!-- 加載編輯器的容器 -->

<script id="container" name="content" type="text/plain">

這里寫你的初始化內容

<!-- 實例化編輯器 -->

<script type="text/javascript">

var ue = UE.getEditor('container');

</script>

6)

效果圖

7）

設置和讀取編輯器的內容

var ue = UE.getContent();

//對編輯器的操作最好在編輯器ready之后再做

ue.ready(function() {

? ? //設置編輯器的內容

? ? ue.setContent('hello');

? ? //獲取html內容，返回: <p>hello</p>

? ? var html = ue.getContent();

? ? //獲取純文本內容，返回: hello

? ? var txt = ue.getContentTxt();

});

總結

以上是生活随笔為你收集整理的富文本编辑器在Java中使用的全部內容，希望文章能夠幫你解決所遇到的問題。

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