程序员人生网站导航

FCKeditor最新版本2.4.1 for java 教程

栏目：综合技术时间：2013-10-23 04:16:09

　　什么是FckEditor

　　FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化，不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。

　　FCKeditor 相容于绝大部分的网页浏览器，像是 : Internet Explorer 5.5+ (Windows)、Mozilla Firefox 1.0+、Mozilla 1.3+ 和 Netscape 7+。在未来的版本也将会加入对 Opera 的支援。

　　目前，fckeditor for java的最新的版本为2.4.1.可以在http://www.fckeditor.net/ 和 http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=129511下载最新的资源。

　　可以直接下载 fckeditor-java-demo-2.4.1.war 包。

　　第一步：开发环境搭建

　　 Myeclipse6.0.2+eclipse+tomcat5.5.28。开发环境的搭建这里就不详细描述，请大家参考其他资料。

　　第二步：建立新的工程,工程名称为TestFCKeditor。内容如图：

　　第三步：解压缩fckeditor-java-demo-2.4.1.war

　　　　将fckeditor-java-demo-2.4.1解压缩后的所有文件拷贝到TestFCKeditor工程的WebRoot下。如图：

　　注意：

　　这里需要另外添加一个jar包到工程中，serializer.jar。如果不添加该jar包，The Server didn 't send back a proper XML response 会出现这个错误，原因是没有xml解析器。

　　第四步：web.xml文件的配置

　　　　配置web.xml文件，文件内容如下：

以下为引用的内容：

　　<servlet>
　　  <servlet-name>Connector</servlet-name>
　　  <servlet-class>
　　   net.fckeditor.connector.ConnectorServlet
　　  </servlet-class>
　　 </servlet>

　　<servlet-mapping>
　　 <servlet-name>Connector</servlet-name>
　　 <url-pattern>/fckeditor/editor/filemanager/connectors/*</url-pattern>
　　 </servlet-mapping>

　　　　2.4.1版本的fckeditor已经不需要配置tld的相关内容，tld文件已经集成在jar包中，只需要在页面引用的时候直接调用就可以了。

　　第五步：建立test.jsp 内容如下：

以下为引用的内容：

    <%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>FCKeditor2.4.1</title>
  <link href="sample.css" _fcksavedurl=""sample.css"" _fcksavedurl=""sample.css"" _fcksavedurl=""sample.css"" rel="stylesheet" type="text/css" />
  <link rel="shortcut icon" href="fckeditor.gif"
    type="image/x-icon" />
  <script type="text/javascript">
   function FCKeditor_OnComplete(editorInstance) {
    window.status = editorInstance.Description;
   }
  </script>
</head>
<body>
<form action="test.jsp" method="post" target="_blank">
  <FCK:editor instanceName="EditorDefault">
   <jsp:attribute name="value"><strong>FCKeditor2.4.1 for java 例子
     </strong>
    </jsp:attribute>
  </FCK:editor>
  </form>
</body>
</html>

　　启动tomcat，预览得到的结果：

　　到此，FCKeditor2.4.1运行成功！只需要获取textarea中的内容即可。

------分隔线----------------------------

上一篇 内容质量、更新频率、相关性对seo的影响

下一篇 用两种方法判断男性女性的存储过程

------分隔线----------------------------