FCKeditor介绍

前言

FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化，不需要太复杂的安装步骤即可使用。

可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及 ABAP等不同的编程语言相结合。"FCKeditor"名称中的"FCK"是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。

如何启动访问demo?

  1. 下载最新版的FCKEDITOR
  2. 解压缩到你的站点根文件夹中名为FCKEDITOR的文件夹中(名称必须为FCKEDITOR,因为配置文件中已经使用此名称来标示出FCKEDITOR的位置)
  3. 现在,编辑器就可以使用了,如果想要查看演示,可以按下面方法访问: http://< your-site>/FCKeditor/_samples/default.html

注意:你可以将FCKEDITOR放置到任何文件夹,默认情况下,将其放入到FCKEDITOR文件夹是最为简单的方法.如果你放入的文件夹使用别的名称,请修改配置文件夹fckeditor.js中编辑器BasePath参数,如下所示: 修改FCKeditor.BasePath = '/fckeditor/'

另外,FCKEDITOR文件夹中所有以下划线开头的文件夹及文件,都是可选的,可以安全的从你的发布中删除.它们并不是编辑器运行时必需的。

如何将FCKEDITOR整合进我的页面？

  • Javascript的方式
    1. 假如编辑器已经安装在你的站点的/FCKEDITOR/文件夹下.那么,第一步我们需要做的就是在页面的HEAD段中放入SCRIPT标记以引入JAVASCRIPT整合模块.例如:
      < script type="text/javascript" src="fckeditor/fckeditor.js">< /script>
      其中路径是可更改的；

    2. 现在,FCKEDITOR类已经可以使用了.在页面中建立一个FCKEDITOR编辑器:
      方法:在页面的FORM标记内需要插入编辑器的地方置入以下代码:

      <script type="text/javascript">
　　 var  ff= new FCKeditor("msg");

        ff.BasePath="fckeditor/";
        ff.Create();
< /script>
  • Jsp的方式（需要到官方网站下载fckeditor-java-demo-2.6.rar）

web.xml配置：

 

　　FckEditor for java 2.6.10版本 
　　<servlet> 
　　　　<servlet-name>Connector</servlet-name> 
　　　　<servlet-class>net.fckeditor.connector.ConnectorServlet</servlet-class> 
　　　　<load-on-startup>1</load-on-startup> 
　　</servlet> 
　　<servlet-mapping> 
　　　　<servlet-name>Connector</servlet-name> 
　　　　<url-pattern>/fckeditor/editor/filemanager/connectors/*</url-pattern> 
　　</servlet-mapping>

 

 

导入lib的jar：

打开fckeditor-java-demo-2.6.rar里面看到的lib文件夹，你会看到大概6个jar文件，像commons-fileupload-1.2.1.jar、java-core-2.6.jar等，把它们全部复制到你的项目的WEB-INF\lib里面。

在JSP中使用标签调用demo:

　　<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
　　<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>
　　<html> 
　　<head> 
　　<title>FckEditor测试</title> 
　　</head> 
　　<body style="text-align: center;"> 
　　FckEditor测试 
　　<hr> 
　　<form action="ShowData.jsp" method="post"> 
　　<FCK:editor instanceName="test" height="400pt"> 
　　<jsp:attribute name="value"> 这里是http://baike.baidu.com/">数据测试 
　　</jsp:attribute> 
　　</FCK:editor> 
　　<input type="submit" value="提交"/> 
　　<input type="reset" value="重置"/> 
　　</form> 
　　</body> 
　　</html>
posted @ 2013-05-19 00:26  horizon~~~  阅读(385)  评论(0)  编辑  收藏  举报