熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

JSP頁面中使用FCKeditor控件

2013-11-15 12:20:05  來源: JSP教程 

  Fckeditor控件請到官方網站下載http://wwwfckeditornet本例主要用到FCKeditor_zipfckeditorjavademozipfckeditorjavabinzip裡面的一些內容讀者可以自行下載

  解開壓縮包FCKeditor_zip將其中的fckeditor文件夾復制到WEBINF下面後面可以直接使用

  在頁面中使用FCKeditor有兩種方式

  方式一JavaScript的方式

  ()直接使用見methodhtml

<!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>
<html>
  <head>
    <script type=text/javascript src=fckeditor/fckeditorjs></script>
  </head>
  <body>

  方法一通過JavaScript來實現的實現編輯器導入<br>

    <script type=text/javascript>
        var oFCKeditor = new FCKeditor(FCKeditor) ;
        oFCKeditorBasePath = fckeditor/;
        //oFCKeditorBasePath   = /FCKEditTest/fckeditor/;
        oFCKeditorWidth=%;
        oFCKeditorHeight=;
        oFCKeditorValue=initial value;
        //oFCKeditorToolbarSet=Basic;
        //默認是default
        oFCKeditorToolbarSet=Default;
        oFCKeditorCreate() ;
        </script>
        <hr>
  </body>
</html>

  ()通過Textarea祥見methodhtml

<!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>
<html>
  <head>
    <script type=text/javascript src=fckeditor/fckeditorjs></script>
   <script type=text/javascript>
    windowonload=function(){
        var oFCKeditor = new FCKeditor(MyTextarea) ;
        oFCKeditorBasePath = fckeditor/;
        //oFCKeditorBasePath   = /FCKEditTest/fckeditor/;
        oFCKeditorReplaceTextarea();
        }
    </script>
  </head>
    <body>

  方法二通過Textarea來實現的實現編輯器導入<br>

    <textarea rows= cols= name=MyTextarea>this is a value</textarea>
      </body>
</html>

  方式二在標簽使用FCKeditor

  在使用標簽之前需要搭建環境將fckeditorjavabinzip包中的fckeditorjavacorejarcommonsfileuploadjarcommonsiojarslfjapijar以及包fckeditorjavademozip中的slfjsimplejar復制到lib目錄下並構建環境

  構建完後就可以在JSP頁面中進行使用祥見頁面method_jspjsp

<%@ page language=java import=javautil* pageEncoding=utf%>
<%@ taglib uri=http://javafckeditornet prefix=FCK%>
<!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>
<html>
  <head>
    <title>method_jspjsp</title>
  </head>
  <body> 

  早些版本必需將fckeditor的Value屬性必需指定對應的值且值不能為空 而此處版本是該問題已經解決

    <FCK:editor instanceName=myEditor basePath=/fckeditor></FCK:editor>
  </body>
</html>

  效果如下圖


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20742.html
  • 上一篇文章:

  • 下一篇文章:
  • 推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.