BlogJava-留意生活-文章分类-fckEditorhttp://www.blogjava.net/liuyimx/category/40847.html思念草原zh-cnThu, 06 Aug 2009 03:42:21 GMTThu, 06 Aug 2009 03:42:21 GMT60fckeditor配置参数说明http://www.blogjava.net/liuyimx/articles/fck03.htmlliuyimxliuyimxTue, 21 Jul 2009 08:25:00 GMThttp://www.blogjava.net/liuyimx/articles/fck03.htmlhttp://www.blogjava.net/liuyimx/comments/287668.htmlhttp://www.blogjava.net/liuyimx/articles/fck03.html#Feedback0http://www.blogjava.net/liuyimx/comments/commentRss/287668.htmlhttp://www.blogjava.net/liuyimx/services/trackbacks/287668.html BaseHref="" 相对链接的基地址
ContentLangDirection="ltr/rtl" 默认文字方向
ContextMenu=字符串数组,右键菜单的内容
CustomConfigurationsPath="" 自定义配置文件路径和名称
Debug=true/false 是否开启调试功能,这样,当调用FCKDebug.Output()时,会在调试窗中输出内容
DefaultLanguage="" 缺省语言
EditorAreaCss="" 编辑区的样式表文件
EnableSourceXHTML=true/false 为TRUE时,当由可视化界面切换到代码页时,把HTML处理成XHTML
EnableXHTML=true/false 是否允许使用XHTML取代HTML
FillEmptyBlocks=true/false 使用这个功能,可以将空的块级元素用空格来替代
FontColors="" 设置显示颜色拾取器时文字颜色列表
FontFormats="" 设置显示在文字格式列表中的命名
FontNames="" 字体列表中的字体名
FontSizes="" 字体大小中的字号列表
ForcePasteAsPlainText=true/false 强制粘贴为纯文本
ForceSimpleAmpersand=true/false 是否不把&符号转换为XML实体
FormatIndentator="" 当在源码格式下缩进代码使用的字符
FormatOutput=true/false 当输出内容时是否自动格式化代码
FormatSource=true/false 在切换到代码视图时是否自动格式化代码
FullPage=true/false 是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容
GeckoUseSPAN=true/false 是否允许SPAN标记代替B,I,U标记
IeSpellDownloadUrl=""下载拼写检查器的网址
ImageBrowser=true/false 是否允许浏览服务器功能
ImageBrowserURL="" 浏览服务器时运行的URL
ImageBrowserWindowHeight="" 图像浏览器窗口高度
ImageBrowserWindowWidth="" 图像浏览器窗口宽度
LinkBrowser=true/false 是否允许在插入链接时浏览服务器
LinkBrowserURL="" 插入链接时浏览服务器的URL
LinkBrowserWindowHeight=""链接目标浏览器窗口高度
LinkBrowserWindowWidth=""链接目标浏览器窗口宽度
Plugins=object 注册插件
PluginsPath="" 插件文件夹
ShowBorders=true/false 合并边框
SkinPath="" 皮肤文件夹位置
SmileyColumns=12 图符窗列数
SmileyImages=字符数组 图符窗中图片文件名数组
SmileyPath="" 图符文件夹路径
SmileyWindowHeight 图符窗口高度
SmileyWindowWidth 图符窗口宽度
SpellChecker="ieSpell/Spellerpages" 设置拼写检查器
StartupFocus=true/false 开启时FOCUS到编辑器
StylesXmlPath="" 设置定义CSS样式列表的XML文件的位置
TabSpaces=4 TAB键产生的空格字符数
ToolBarCanCollapse=true/false 是否允许展开/折叠工具栏
ToolbarSets=object 允许使用TOOLBAR集合
ToolbarStartExpanded=true/false 开启是TOOLBAR是否展开
UseBROnCarriageReturn=true/false 当回车时是产生BR标记还是P或者DIV标记

liuyimx 2009-07-21 16:25 发表评论
]]>fckeditor2.6.4例1http://www.blogjava.net/liuyimx/articles/fck02.htmlliuyimxliuyimxTue, 21 Jul 2009 06:22:00 GMThttp://www.blogjava.net/liuyimx/articles/fck02.htmlhttp://www.blogjava.net/liuyimx/comments/287643.htmlhttp://www.blogjava.net/liuyimx/articles/fck02.html#Feedback0http://www.blogjava.net/liuyimx/comments/commentRss/287643.htmlhttp://www.blogjava.net/liuyimx/services/trackbacks/287643.html          jdk1.6
         tomcat6.0
         myeclipse6.1
         fckeditor2.6.4.1

    jar:
         总共需要5个jar包，在fckeditor-java-2.4.2-bin.zip 解压后的文件夹下可以找到4个，还有一个需要自己上网下载
         5个jar:
        
         (其中slf4j-api-1.5.8.jar 和 slf4j-jdk14-1.5.8.jar版本必须一致)

         前四个jar能在fckeditor-java-2.4.2-bin.zip解压后的文件夹下找到
         但是在fckeditor文件夹下的slf4j-api.jar 是1.5.2版本的， 我的slf4j的两个jar包都是从slf4j官网下载的。
         slf4j官网下载地址:http://www.slf4j.org/download.html 先下载下来slf4j.zip然后解压后在文件夹里找的到。

    1.新建一个web工程
    2.将上面的5个jar包导入到工程的WebRoot/WEB-INF/lib下
    3.解压FCKeditor_2.6.4.1.zip后，将解压出来的文件夹fckeditor复制到WebRoot下
    4.在src下建一个新.properties文件-->fckeditor.properties
      内容如下:
connector.userFilesPath=UploadFile
connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl
   
    5.在工程配置文件-->web.xml中配置一个servlet

  <?xml version="1.0" encoding="UTF-8"?>
  <web-app version="2.5" 
      xmlns="http://java.sun.com/xml/ns/javaee" 
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
      xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
      http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
    <welcome-file-list>
      <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
   <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>
 </web-app>
   
   6.新建一个jsp文件，名为test.jsp，放到webRoot下即可
   
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

    String content=request.getParameter("edt1");
    if (content != null) {
          content = content.replaceAll("\r\n", "");
          content = content.replaceAll("\r", "");
          content = content.replaceAll("\n", "");
          content = content.replaceAll("\"", "'");
    }else{
          content = "";
    }
    content = new String(content.getBytes("iso8859-1"),"utf-8");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <base href="<%=basePath%>">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>fck 测试</title>
 <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
</head>
<body>
    <form method="post" name="frm1">
    <FCK:editor height="400" instanceName="edt1" value="<%=content%>" toolbarSet="Basic">
        <FCK:config SkinPath="skins/office2003/"/>
    </FCK:editor>
    <input type="submit" value="提交">
    </form>
    <hr>
    <%=content%>
</body>
</html>

<!--
    如果不使用FCK tag 的话，可以使用如下的javascript方式调用
    <script type="text/javascript">
        var oFCKeditor = new FCKeditor("edt1");
        oFCKeditor.BasePath = "fckeditor/";
        oFCKeditor.Height='400';
        oFCKeditor.ToolBarSets="Basic";
        oFCKeditor.Value="<%=content%>";
        oFCKeditor.Create();
    </script>
 -->
 
    7.目录结构如下图
    
   
     8.先访问jsp页面，启动tomcat以后，直接访问jsp地址,我的是 http://localhost:8888/fckeditor01/test.jsp
       然后就可以测试了(至于struts2来说，原理是一样的)

     9.效果图
            

      在上传图片的时候发现一个小问题：就是图片上传成功了以后，但你输入的时候插入图片，界面如下:
     
      就是说源文件地址不正确，预览中不能正确显示，正确的应该是/fckeditor01/UploadFile/image/Jianyue18.jpg，我也不知道为什么少了一个"/"，加上“/”就能正确显示了，这就是知其然不知其所以然的痛苦啊，之后有时间了研究一下源码再来分享。

     此例是参考网上资料所做，特别感谢那些乐于分享的人们.



liuyimx 2009-07-21 14:22 发表评论
]]>fckeditor2.6.4http://www.blogjava.net/liuyimx/articles/fck01.htmlliuyimxliuyimxTue, 21 Jul 2009 06:00:00 GMThttp://www.blogjava.net/liuyimx/articles/fck01.htmlhttp://www.blogjava.net/liuyimx/comments/287633.htmlhttp://www.blogjava.net/liuyimx/articles/fck01.html#Feedback0http://www.blogjava.net/liuyimx/comments/commentRss/287633.htmlhttp://www.blogjava.net/liuyimx/services/trackbacks/287633.html    
    准备:要使用fckeditor，首先要到fckeditor官方网站下载相应的软件包
         fckeditor官网:http://www.fckeditor.net/
         我自己使用jsp开发页面，所以我下载的包是:FCKeditor_2.6.4.1 for java 和 fckeditor-java-2.4.2-bin.zip包。
         我使用的开发工具是myeclipse和tomcat

    下文是个简单的例子，有具体的安装配置步骤。



liuyimx 2009-07-21 14:00 发表评论
]]>