`
aguai0
  • 浏览: 28585 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

fckeditor for java

阅读更多
 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中的内容即可。


文章来自:中国建站圈(jzquan.com) 原文:http://www.jzquan.com/a/prog/jsp/200901124303.html
文章来自:中国建站圈(jzquan.com) 原文:http://www.jzquan.com/a/prog/jsp/200901124303.html
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics