- 浏览: 243897 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (192)
- 技术研究学习 (19)
- 工作总结 (4)
- spring3.x (11)
- mail (2)
- jar (2)
- FCKeditor (1)
- quartz (2)
- json (1)
- jdbc (5)
- struts2 (6)
- java基础 (18)
- jboss (3)
- IT名称解析 (1)
- 测试工具 (2)
- 工作趣谈 (1)
- 数据库 (8)
- js (8)
- jquery (1)
- mysql (20)
- Sql (3)
- Oracle (1)
- easyui (0)
- log4j (1)
- 源码研究 (1)
- Jasper Report (0)
- Jbpm4 (4)
- xml (1)
- ireport (0)
- javavm (1)
- sitemesh (5)
- compass (1)
- jvm (1)
- ext (1)
- lucene (0)
- cxf (1)
- Blazeds (0)
- Resteasy (1)
- jaxb (1)
- tomcat (1)
- Rmi (1)
- BoneCP (1)
- velocity (3)
- OSCache (1)
- EHCache (1)
- 高性能开发 (9)
- 设计模式 (0)
- 网络协议应用 (1)
- Ibatis (1)
- powerdesigner (1)
- 架构师之路 (2)
- memcached (4)
- MapReduce (1)
- 测试组 (1)
- 图像处理 (2)
- LoadRunner (2)
- 报表 (1)
- 负载均衡 (1)
- 分布式 (3)
- c# (1)
- java中一些特殊问题 (3)
- java 8 (1)
- Mogodb (1)
- 项目设计与实现 (2)
- Ubuntu (1)
- eclipse (1)
- gradle (1)
- 私有云 (1)
- redis (1)
- 移动前端 (1)
最新评论
http://www.blogjava.net/fastunit/archive/2008/02/18/180525.html HTML编辑器FCKeditor使用详解
FCKeditor 2.5.1(FCKeditor_2.5.1.zip)和FCKeditor.Java(FCKeditor-2.3.zip)
http://liangzhijian.iteye.com/blog/204331 SSH集成Fckeditor
FCKeditor_2.5.1.zip FCKeditor-2.3.zip
http://gemini.iteye.com/blog/135478 在Java Web应用中使用FCKeditor
FCKeditor2.4.3 FCKeditor.Java 2.3
http://www.blogjava.net/vjame/archive/2008/09/05/227257.html Java Web项目中整合FCKeditor
FCKeditor 2.6.3
---------------------------------------------------------------->
----将FCKeditor加到项目中
把FCKeditor解压后的整个目录复制到项目的WebRoot下。
如果想去掉在Java中使用不需要的文件,在根目录下只保留editor目录,以及fckconfig.js、ditor.js、fckstyles.xml、fcktemplates.xml。
删除目录/editor/_source,删除/editor/filemanager/browser/default/connectors下的所有文件,删除/editor/filemanager/upload下的所有文件。
----将FCKeditor.Java加到项目中
将FCKeditor.Java解压,把其中/web/WEB-INF/lib下的commons-fileupload.jar和FCKeditor-2.3.jar复制到项目的/WEB-INF/lib下。
把src目录下的FCKeditor.tld复制到项目的WEB-INF下。
-----配置web.xml
将FCKeditor.Java解压包中/web/WEB-INF下web.xml里的内容复制到项目的web.xml里,如下:
web.xml
<!-- 这个Servlet用来浏览服务器下的某个目录,可查看该目录下的文件,创建新目录,创建新文件 -->
<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>
<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</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>
<!-- 此处假定FCKeditor解压包里的editor目录是直接放在WebRoot下的 -->
<!-- 根据项目中FCKeditor放置的位置,此路径应做相应的修改 -->
<url-pattern>
/editor/filemanager/browser/default/connectors/jsp/connector
</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>
/editor/filemanager/upload/simpleuploader
</url-pattern>
</servlet-mapping>
----在页面中加入FCKeditor
input.jsp
<%@ page contentType="text/html; charset=GBK" language="java"%>
<%@ taglib uri="/WEB-INF/FCKeditor.tld" prefix="fck"%>
<html>
<body>
<form action="display.jsp" method="post">
<!-- 下面的id属性对应于一般Form元素的name属性 -->
<fck:editor id="testfck"
basePath="/fckeditortest/"
height="60%"
skinPath="/fckeditortest/editor/skins/default/"
toolbarSet="Default"
imageBrowserURL="/fckeditortest/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/fckeditortest/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
flashBrowserURL="/fckeditortest/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
imageUploadURL="/fckeditortest/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL="/fckeditortest/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL="/fckeditortest/editor/filemanager/upload/simpleuploader?Type=Flash">
<!-- 上面的URL要根据FCKeditor放置在项目中的位置做相应的修改 -->
<!-- 此处假定将FCKeditor解压包中的editor目录直接放在项目的WebRoot下,fckeditortest是项目名 -->
</fck:editor>
<hr>
<input type="submit" value="提交">
</form>
</body>
</html>
<-----------------------------------------------------------------||
上面是通过FCKeditor.Java的自定义标签来实现的,还可以使用JavaScript方法来实现。
display.jsp
<%=request.getParameter("testfck")%>
----定制FCKeditor
在FCKeditor解压包里的fckconfig.js文件,设置了FCKeditor的一些属性。可以直接修改它来定制FCKeditor,也可以通过在页面里设置FCKeditor.Java自定义标签的属性或JavaScript对象的属性来覆盖fckconfig.js中的值。
-------------------------------------------------------------------
FCKeditor参数说明
五、配置文件fckconfig.js
1、DefaultLanguage:缺省语言,可更改为“zh-cn”
2、自定义工具栏:可修改或增加ToolbarSets,例如:
FCKConfig.ToolbarSets["Mycfg"] = [
[定义想要使用的工具栏选项]
] ;
然后在fckeditor.js中修改此行:
this.ToolbarSet = toolbarSet || 'Mycfg' ; //‘Mycfg’就是你自己定义的工具栏
修改后会发现浏览器执行时,找不到工具栏,不要慌,清掉浏览器缓存就可以了。
3、EnterMode和ShiftEnterMode:“回车”和“Shift+回车”的换行行为,注释提示了可选模式
4、EditorAreaCss:编辑区样式文件
5、其他参数(转):
AutoDetectLanguage=true/false 自动检测语言
BaseHref="" 相对链接的基地址
ContentLangDirection="ltr/rtl" 默认文字方向
ContextMenu=字符串数组,右键菜单的内容
CustomConfigurationsPath="" 自定义配置文件路径和名称
Debug=true/false 是否开启调试功能,这样,当调用FCKDebug.Output()时,会在调试窗中输出内容
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标记
六、自定义样式
工具栏的Style选项,是由fckconfig.js指定的配置文件来产生的:
FCKConfig.StylesXmlPath = FCKConfig.EditorPath + 'fckstyles.xml' ;
可修改fckstyles.xml来自定义样式。
FCKeditor 2.5.1(FCKeditor_2.5.1.zip)和FCKeditor.Java(FCKeditor-2.3.zip)
http://liangzhijian.iteye.com/blog/204331 SSH集成Fckeditor
FCKeditor_2.5.1.zip FCKeditor-2.3.zip
http://gemini.iteye.com/blog/135478 在Java Web应用中使用FCKeditor
FCKeditor2.4.3 FCKeditor.Java 2.3
http://www.blogjava.net/vjame/archive/2008/09/05/227257.html Java Web项目中整合FCKeditor
FCKeditor 2.6.3
---------------------------------------------------------------->
----将FCKeditor加到项目中
把FCKeditor解压后的整个目录复制到项目的WebRoot下。
如果想去掉在Java中使用不需要的文件,在根目录下只保留editor目录,以及fckconfig.js、ditor.js、fckstyles.xml、fcktemplates.xml。
删除目录/editor/_source,删除/editor/filemanager/browser/default/connectors下的所有文件,删除/editor/filemanager/upload下的所有文件。
----将FCKeditor.Java加到项目中
将FCKeditor.Java解压,把其中/web/WEB-INF/lib下的commons-fileupload.jar和FCKeditor-2.3.jar复制到项目的/WEB-INF/lib下。
把src目录下的FCKeditor.tld复制到项目的WEB-INF下。
-----配置web.xml
将FCKeditor.Java解压包中/web/WEB-INF下web.xml里的内容复制到项目的web.xml里,如下:
web.xml
<!-- 这个Servlet用来浏览服务器下的某个目录,可查看该目录下的文件,创建新目录,创建新文件 -->
<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>
<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</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>
<!-- 此处假定FCKeditor解压包里的editor目录是直接放在WebRoot下的 -->
<!-- 根据项目中FCKeditor放置的位置,此路径应做相应的修改 -->
<url-pattern>
/editor/filemanager/browser/default/connectors/jsp/connector
</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>
/editor/filemanager/upload/simpleuploader
</url-pattern>
</servlet-mapping>
----在页面中加入FCKeditor
input.jsp
<%@ page contentType="text/html; charset=GBK" language="java"%>
<%@ taglib uri="/WEB-INF/FCKeditor.tld" prefix="fck"%>
<html>
<body>
<form action="display.jsp" method="post">
<!-- 下面的id属性对应于一般Form元素的name属性 -->
<fck:editor id="testfck"
basePath="/fckeditortest/"
height="60%"
skinPath="/fckeditortest/editor/skins/default/"
toolbarSet="Default"
imageBrowserURL="/fckeditortest/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/fckeditortest/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
flashBrowserURL="/fckeditortest/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
imageUploadURL="/fckeditortest/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL="/fckeditortest/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL="/fckeditortest/editor/filemanager/upload/simpleuploader?Type=Flash">
<!-- 上面的URL要根据FCKeditor放置在项目中的位置做相应的修改 -->
<!-- 此处假定将FCKeditor解压包中的editor目录直接放在项目的WebRoot下,fckeditortest是项目名 -->
</fck:editor>
<hr>
<input type="submit" value="提交">
</form>
</body>
</html>
<-----------------------------------------------------------------||
上面是通过FCKeditor.Java的自定义标签来实现的,还可以使用JavaScript方法来实现。
display.jsp
<%=request.getParameter("testfck")%>
----定制FCKeditor
在FCKeditor解压包里的fckconfig.js文件,设置了FCKeditor的一些属性。可以直接修改它来定制FCKeditor,也可以通过在页面里设置FCKeditor.Java自定义标签的属性或JavaScript对象的属性来覆盖fckconfig.js中的值。
-------------------------------------------------------------------
FCKeditor参数说明
五、配置文件fckconfig.js
1、DefaultLanguage:缺省语言,可更改为“zh-cn”
2、自定义工具栏:可修改或增加ToolbarSets,例如:
FCKConfig.ToolbarSets["Mycfg"] = [
[定义想要使用的工具栏选项]
] ;
然后在fckeditor.js中修改此行:
this.ToolbarSet = toolbarSet || 'Mycfg' ; //‘Mycfg’就是你自己定义的工具栏
修改后会发现浏览器执行时,找不到工具栏,不要慌,清掉浏览器缓存就可以了。
3、EnterMode和ShiftEnterMode:“回车”和“Shift+回车”的换行行为,注释提示了可选模式
4、EditorAreaCss:编辑区样式文件
5、其他参数(转):
AutoDetectLanguage=true/false 自动检测语言
BaseHref="" 相对链接的基地址
ContentLangDirection="ltr/rtl" 默认文字方向
ContextMenu=字符串数组,右键菜单的内容
CustomConfigurationsPath="" 自定义配置文件路径和名称
Debug=true/false 是否开启调试功能,这样,当调用FCKDebug.Output()时,会在调试窗中输出内容
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标记
六、自定义样式
工具栏的Style选项,是由fckconfig.js指定的配置文件来产生的:
FCKConfig.StylesXmlPath = FCKConfig.EditorPath + 'fckstyles.xml' ;
可修改fckstyles.xml来自定义样式。
相关推荐
html编辑器FCKeditor使用详解,手把手教你如何使用FCKeditor.
WEB开发,强大的开源文本编辑器控件,使用详解
asp.net文本编辑器FCKeditor使用方法详解
最近使用fckeditor的人是越来越多了,随着大家环境的不一样也导致大家在使用过程中碰到了各种各样的问题,这篇文章对于细节的描述不错,更高级的技巧可以参考脚本之家之前发布的一些文章。
asp.net文本编辑器FCKeditor使用方法详解.doc
网络上有很多FCKeditor的用法,大多数是互相抄袭,或者...但是这个FCKeditor使用方法详解--图文详解讲解的非常清楚,关键还是附带图片,让人一看就一目了然,很容易看懂。另外还收录了fckeditor的瘦身。很全面的哦--
Asp.Net FCKeditor编辑器的用法详解
HTML编辑器FCKeditor使用详解 本文介绍FCKeditor在Java环境下的使用方法。 一、简介 功能:所见即所得,支持图片和Flash,工具栏可自由配置,使用简单 兼容性:IE 5.5+、Firefox 1.5+、Safari 3.0+、Opera 9.50+、...
本文档主要讲述的是FCKeditor使用详解JAVA版;FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。
fckeditor文本编辑器代码详解......
FCKeditor是目前最优秀的可见即可得网页编辑器之一用于文本编辑的工具,支持多种方法调用
FCKeditor使用方法技术详解。...FCKeditor是目前最优秀的可见即可得网页编辑器,本文详细介绍其安装,使用FCKEditor的各项功能,常用设置,配置方法; 另外还提供了FCKEditor API,精简FCKEditor文件控件大小的方法。
资源包括FCKeditor_2.5.1.zip、 FCKeditor_2.3.zip、 FCKeditor工程配置文档和使用相关信息、 完整的FCK工程示例
FCKeditor文本编辑器插件的使用,包含FCKeditor使用方法详解.doc文档、FCKeditor使用步骤.txt的总结、struts2整合FCK时报302错误.txt的总结文档,对你非常有帮助。
FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型...