在JSP中使用CKEditor網頁編輯器

時間 2019-11-07

標籤 jsp 使用 ckeditor 網頁編輯器欄目 JSP 简体版

原文原文鏈接

爲了在個人一個項目使用CKEditor網頁編輯器，我開始了尋找應用之法。javascript

我下載了ckeditor_4.3.3_standard和ckeditor-java-core-3.5.3。html

以前的版本和如今版本的使用好像不同。java

參考了《HTML編輯器FCKeditor使用詳解》：web

其版本是「FCKeditor 2.5.1（FCKeditor_2.5.1.zip）和FCKeditor.Java（FCKeditor-2.3.zip）」編輯器

發現不能使用。ide

而後我直接找到「http://nightly.ckeditor.com/14-04-02-06-05/standard/samples/」官方網站的使用說明。函數

其實ckeditor 4.0之後的編輯器使用javascript來寫，可直接使用。post

使用<script src="/ckeditor/ckeditor.js"></script>導入保存在根目錄下的/ckeditor/ckeditor.js腳本，網站

而後在頁面上使用以下代碼便可（必定要使用class爲ckeditor):spa

<textarea class="ckeditor" name="editor1"></textarea>
還能夠使用Id：

<textarea cols="80" id="editor1" name="editor1" rows="10">

	</textarea>
	<script>

	// This call can be placed at any point after the
	// <textarea>, or inside a <head><script> in a
	// window.onload event handler.

	// Replace the <textarea id="editor"> with an CKEditor
	// instance, using default configurations.

	CKEDITOR.replace( 'editor1' );

	</script>

在項目作以下修改。

（1）將javascript腳本添加到頁面中：

（2）刪除以前的editor網頁編輯器的內容，再適當地修改textarea的參數：

刪除第一行，修改第二行，將style的屬性刪除，其餘保持不便。

（3）修改javascript函數調用

*刪除原來有javascript函數調用：

<html:submit onclick="bs();"><bean:message key="button.submit"/></html:submit>

*編寫本身的javascript函數：

//初始化網頁編輯器
function initEditor(){
var f = document.newproblemForm;
CKEDITOR.replace( f.description);
CKEDITOR.replace(f.input );
CKEDITOR.replace( f.output );
CKEDITOR.replace( f.hint );
}

*在網頁加載時調用initEditor函數，以下：

**************

若是沒有顯示，那麼應該是javascript腳本的標籤放置的位置不對，網頁不能加載進去，將它的代碼放到body中也能夠。