您好,登錄后才能下訂單哦!
一.在項目中添加fckeditor支持
將FCKeditor_2.6.4.1目錄中的文件夾fckeditor復制到項目的WebRoot中
二.調用fckeditor
1.使用JavaScript方式
1).直接調用方式
i.創建testfckeditor1.jsp文件
ii.引入fckeditor.js文件
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
iii.創建fckeditor編輯器
<script type="text/javascript">
var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
oFCKeditor.BasePath = "fckeditor/" ;
oFCKeditor.Create() ;
</script>
注:可以從FCKeditor_2.6.4.1\fckeditor\_samples\default.html中選擇
FCKeditor - JavaScript - Sample 1 獲取
2).替換多行文本框的方式
i.創建testfckeditor2.jsp文件
ii.引入fckeditor.js文件
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
iii.創建多行文本框
<textarea rows="10" cols="40" name="myeditor"></textarea>
iv.創建javascript腳本
<script type="text/javascript">
window.onload = function()
{
var oFCKeditor = new FCKeditor('myeditor') ;
oFCKeditor.BasePath = "fckeditor/" ;
oFCKeditor.ReplaceTextarea() ;
}
</script>
注:可以從FCKeditor_2.6.4.1\fckeditor\_samples\default.html中
選擇FCKeditor - JavaScript - Sample 2獲取
FCKeditor中的參數值必須與多行文本框中的name值相同
2.使用自定義標簽方式實現
1).導入相關jar包
commons-fileupload-1.2.1.jar
commons-io-1.3.2.jar
java-core-2.4.1.jar
slf4j-api-1.5.2.jar
slf4j-simple-1.5.2.jar
2).創建testfckeditor3.jsp文件
引入標簽庫
<%@ taglib prefix="fck" uri="http://java.fckeditor.net" %>
添加標簽
<FCK:editor instanceName="myFCKEditor" basePath="/fckeditor" ></FCK:editor>
"/":表示當前這個工程
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。