搞定FCKeditor

来源：互联网发布：右下角淘宝广告弹窗编辑：程序博客网时间：2024/05/16 01:19

一.搞定FCKeditor
    1.下载FCKeditor_2.3（目前最新版本）
    2.下载FCKeditor-2.3(4 java的最新版本)
    3.开始解压吧
    4.建立新项目MyFCK
    5.清理FCKeditor_2.3解压开的FCKeditor文件夹
      保留如下文件，其余的格删无论。
     editor(不包括_source)、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml
      再把editor中的_source干掉。
   6. MyFCK中的目录如下：
      FCKeditor、UserFiles、test.jsp、show.jsp、WEB-INF
      其中的FCKeditor中的就是步骤5中完成的。
      UserFiles是用来上传文件夹的。其中包括Image/File/Flash三个孩子。(记住啊，要不上传的时候报错啊。嘿嘿)
      WEB-INF中的目录包括lib   web.xml   FCKeditor.tld(来自FCKeditor-2.3/src)
      lib下面有FCKeditor-2.3中解压开的FCKeditor-2.3/web/WEB-INF/lib
7. 下面重点讲web.xml/fckconfig.js中的配置了。let's go
      1)web.xml
       全部内容如下：
       其中具体的含义自己lookup了。
       <?xml version="1.0" encoding="ISO-8859-1"?>

<web-app xmlns="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
    version="2.4">

<display-name>Welcome to FCK</display-name>
<description>
     Welcome to FCK
</description>

        <servlet>
                <servlet-name>Connector</servlet-name>
                <servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>
                <init-param>
                        <param-name>baseDir</param-name>
                        <param-value>/UserFiles/</param-value>
                </init-param>
                <init-param>
                        <param-name>debug</param-name>
                        <param-value>true</param-value>
                </init-param>
                <load-on-startup>1</load-on-startup>
        </servlet>

        <servlet>
                <servlet-name>SimpleUploader</servlet-name>
                <servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>
                <init-param>
                        <param-name>baseDir</param-name>
                        <param-value>/UserFiles/</param-value>
                </init-param>
                <init-param>
                        <param-name>debug</param-name>
                        <param-value>true</param-value>
                </init-param>
                <init-param>
                        <param-name>enabled</param-name>
                        <param-value>true</param-value>
                </init-param>
                <init-param>
                        <param-name>AllowedExtensionsFile</param-name>
                        <param-value></param-value>
                </init-param>
                <init-param>
                        <param-name>DeniedExtensionsFile</param-name>
                        <param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>
                </init-param>
                <init-param>
                        <param-name>AllowedExtensionsImage</param-name>
                        <param-value>jpg|gif|jpeg|png|bmp|tif</param-value>
                </init-param>
                <init-param>
                        <param-name>DeniedExtensionsImage</param-name>
                        <param-value></param-value>
                </init-param>
                <init-param>
                        <param-name>AllowedExtensionsFlash</param-name>
                        <param-value>swf|fla</param-value>
                </init-param>
                <init-param>
                        <param-name>DeniedExtensionsFlash</param-name>
                        <param-value></param-value>
                </init-param>
                <load-on-startup>1</load-on-startup>
        </servlet>

<servlet-mapping>
    <servlet-name>Connector</servlet-name>
    <url-pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
</servlet-mapping>

<servlet-mapping>
    <servlet-name>SimpleUploader</servlet-name>
    <url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern>
</servlet-mapping>

<taglib>
<taglib-uri>/MyFCK</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>

</web-app>

2)下面是fckconfig.js了
我只把改动的作了截图。可以参考原来的和我改动的就可以了。

添加字体了。

如果不设置除非你想把你的服务器中的资源公布于天下大白啊。

这时用于uploade的。
哈哈就先该这些了。嘿嘿其余的如果e文好就可以自己try。

8.哈哈还有test.jsp和show.jsp要介绍下。嘿嘿
show.jsp简单的很啊
<%
String content = request.getParameter("content");
System.out.println(content);
out.print(content);
%>
test.jsp复杂了些。嘿嘿
<%@ page language="java" import="com.fredck.FCKeditor.*" %>
<%@ taglib uri="/MyFCK" prefix="FCK" %>

<html>
        <head>
                <title>
                        展示区DIY
                </title>
<script type="text/javascript" src="/MyFCK/FCKeditor/fckeditor.js"></script>
<script language="javascript">
        function preview(){
                document.forms[0].action="show.jsp";

                document.forms[0].target="_blank";
        document.forms[0].submit();

}

        function finish(){
                document.forms[0].action="test.jsp";

                document.forms[0].target="";
        document.forms[0].submit();

}
/script>

<%
tring uc = "";

if(request.getParameter("content") != null){

uc = request.getParameter("content");

if(session.getAttribute("contentusher") != null){

session.removeAttribute("contentusher");

}

session.setAttribute("contentusher",uc);

out.println("<script language='javascript'>alert('保存成功');window.close();</script>");
}

%>
/head>

body bottomMargin=0 leftMargin=0 topMargin=0 rightMargin=0>

<center>
%--

种方法调用FCKeditor

.FCKeditor自定义标签 (必须加头文件 <%@ taglib uri="/MyFCK" prefix="FCK" %> )

.script脚本语言调用 (必须引用脚本文件 <script type="text/javascript" src="/MyFCK/FCKeditor/fckeditor.js"></script> )

.FCKeditor API 调用 (必须加头文件 <%@ page language="java" import="com.fredck.FCKeditor.*" %> )

-%>

form action="show.jsp" method="post" >

FCK:editor id="content" basePath="/MyFCK/FCKeditor/"

idth="700"

eight="500"

kinPath="/MyFCK/FCKeditor/editor/skins/silver/"

oolbarSet = "Default"

nput

/FCK:editor>

<div algin=center>
<input type="button" value="预览" onclick="preview()">       <input type="button" value="完成" onclick="finish()">

</div>

/form>

%--

form action="show.jsp" method="post" target="_blank">

table border="0" width="800">

tr>

textarea id="content" name="content" style="WIDTH: 100%; HEIGHT: 400px">input</textarea>

script type="text/javascript">

ar oFCKeditor = new FCKeditor('content') ;

FCKeditor.BasePath = "/MyFCK/FCKeditor/" ;

FCKeditor.Height = 400;

FCKeditor.ToolbarSet = "Default" ;

FCKeditor.ReplaceTextarea();

/script>

/td></tr>

tr>

<td>

</td>

/tr>

/table>

</form>

-%>

%--

CKeditor oFCKeditor ;

FCKeditor = new FCKeditor( request, "content" ) ;

FCKeditor.setBasePath( "/MyFCK/FCKeditor/" ) ;

FCKeditor.setValue( "input" );

ut.println( oFCKeditor.create() ) ;

br>

input type="submit" value="Submit">

/form>

-%>

</center>
</body>

9 大功告成。拷贝MyFCK到webapps下。starttomcat去看看吧。嘿嘿