本篇內容介紹了“JSP頁面中使用FCKeditor控件的方式”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!
成都創(chuàng)新互聯(lián)溝通電話:18982081108,為您提供成都網(wǎng)站建設網(wǎng)頁設計及定制高端網(wǎng)站建設服務,成都創(chuàng)新互聯(lián)網(wǎng)頁制作領域10多年,包括集裝箱等多個領域擁有多年的網(wǎng)站營銷經(jīng)驗,選擇成都創(chuàng)新互聯(lián),為網(wǎng)站保駕護航!
FCKeditor是一個專門使用在網(wǎng)頁上屬于開放源代碼的所見即所得文字編輯器。它志于輕量化,不需要太復雜的安裝步驟即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的編程語言相結合。“FCKeditor”名稱中的“FCK” 是這個編輯器的作者的名字Frederico Caldeira Knabben的縮寫。
FCKeditor控件請到官方網(wǎng)站下載http://www.fckeditor.net,本例主要用到FCKeditor_2.6.3.zip、fckeditor-java-demo-2.4.1.zip、fckeditor-java-2.4.1-bin.zip里面的一些內容,讀者可以自行下載。
1. 解開壓縮包FCKeditor_2.6.3.zip,將其中的fckeditor文件夾復制到WEB-INF下面,后面可以直接使用。
2. 在頁面中使用FCKeditor有兩種方式。
方式一:JavaScript的方式
(1)直接使用,見method1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript" src="fckeditor/fckeditor.js"></script> </head> <body> 方法一:通過JavaScript來實現(xiàn)的實現(xiàn)編輯器導入<br> <script type="text/javascript"> var oFCKeditor = new FCKeditor('FCKeditor1') ; oFCKeditor.BasePath = "fckeditor/"; //oFCKeditor.BasePath = "/FCKEditTest/fckeditor/"; oFCKeditor.Width="50%"; oFCKeditor.Height="400"; oFCKeditor.Value="initial value"; //oFCKeditor.ToolbarSet="Basic"; //默認是default oFCKeditor.ToolbarSet="Default"; oFCKeditor.Create() ; </script> <hr> </body> </html> |
(2)通過Textarea,祥見method2.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript" src="fckeditor/fckeditor.js"></script> <script type="text/javascript"> window.onload=function(){ var oFCKeditor = new FCKeditor('MyTextarea') ; oFCKeditor.BasePath = "fckeditor/"; //oFCKeditor.BasePath = "/FCKEditTest/fckeditor/"; oFCKeditor.ReplaceTextarea(); } </script> </head> <body> 方法二:通過Textarea來實現(xiàn)的實現(xiàn)編輯器導入<br> <textarea rows="4" cols="60" name="MyTextarea">this is a value</textarea> </body> </html> |
方式二:在標簽使用FCKeditor
在使用標簽之前,需要搭建環(huán)境。將fckeditor-java-2.4.1-bin.zip包中的fckeditor-java-core-2.4.1.jar、commons-fileupload-1.2.1.jar、commons-io-1.3.2.jar、slf4j-api-1.5.2.jar以及包fckeditor-java-demo-2.4.1.zip中的slf4j-simple-1.5.2.jar復制到lib目錄下,并構建環(huán)境。
構建完后,就可以在JSP頁面中進行使用。祥見頁面method_jsp.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>method_jsp.jsp</title> </head> <body> 早些版本必需將fckeditor的Value屬性必需指定對應的值,且值不能為空。 而此處版本是2.6.3,該問題已經(jīng)解決。 <FCK:editor instanceName="myEditor" basePath="/fckeditor"></FCK:editor> </body> </html> |
效果如下圖:
“JSP頁面中使用FCKeditor控件的方式”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質量的實用文章!
網(wǎng)站欄目:JSP頁面中使用FCKeditor控件的方式
網(wǎng)站URL:http://vcdvsql.cn/article0/gjosoo.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導航、企業(yè)建站、定制開發(fā)、網(wǎng)頁設計公司、外貿(mào)建站、云服務器
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)