簡要的CKeditor使用說明

snake_hand發表於2013-03-30

準備:

一、下載ckeditor_3.6.4.zip

二、下載ckeditor-java-core-3.5.3.zip

 

基礎配置:

一、將ckeditor-java-core-3.5.3.zip解壓後,將其中ckeditor-java-core-3.5.3.jar放於你的專案的WebContent/WEB-INF/lib資料夾下;

二、將ckeditor_3.6.4.zip解壓後,整個資料夾放於專案的WebContent資料夾下;

三、在要匯入富文字框的JSP頁面頂部新增標籤庫說明:

<%@ taglib uri="http://ckeditor.com" prefix="ckeditor" %>

四、在該JSP頁面的<head>標籤內引入js檔案:

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

五、在該JSP頁面的<body>標籤內新增富文字標籤,替代普通文字框:

<ckeditor:replace replace="textarea" basePath="/ckeditor/" />

其中,replace屬性值是你的<textarea>相對應的name屬性值。

相關文章