JSP頁面上添加Fckeditor


  今天搗鼓了一下午才把這個搗鼓出來了,剛開始在網站上搜索了一下,不搜不知道,一搜一大堆,把前三四頁的沒個鏈接都點進去看了一遍,上面的寫的不是一般的亂,根本看不懂,這個說是這樣配,那個說是那樣配,頭都大了。還有就是上面的大多是轉載的,根本不是自己寫的,亂七八糟,什么都有。大多數文章都是在FCKeditor2.3的配置方法,現在新版本FCKeditor 2.6.8已經出來很久了,去年配過一次,可是今天還是花了很大的勁才把它弄好。一下就是配置的過程:

  1.去官網下載FCKeditor 2.6.8:http://sourceforge.net/projects/fckeditor/files/FCKeditor.Java/

 

  2.打開上面的頁面后,需要下載的有兩個文件,第一個就是點擊第一行字上面看藍色字體,就下載后解壓復制放在WebContent目錄下的fckeditor

,另外點擊2.6進入下載封裝包或者是源碼下載頁面,個人認為下載fckeditor-java-demo-2.6.war較好,如下圖:

  3.把下載好的fckeditor-java-demo-2.6.war放在tomcat的webapps目錄下,啟動tomcat服務,這個包就自動解壓發布了,然后把其目錄WEB-INF/lib目錄下的jar包復制到自己的項目中,

  4.做好這些之后我做了一個測試,在項目中隨便新建了一個jsp文件加入了一下代碼

代碼如下:

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>FckEditor測試</title>
</head>
<body>
<h2 align="center">FckEditor測試</h2>
<hr>
    <form >
      <FCK:editor instanceName="test" height="400pt"></FCK:editor>     
      </form>
</body>
</html>

注意:在你要加入編輯器的頁面必須加入<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>標簽庫作為引入

在你要加入剪輯器的地方加入如下代碼:

<FCK:editor instanceName="test" height="400pt"></FCK:editor>
測試結果如下:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM