FCKeditor(JAVA版)配置详解
FCKeditor属性配置大全
fck 属性配置大全优化FCKeditor文件夹和文件:下载FCKeditor并解压之后,会产生_samples和editor两个文件夹和几个文件,全部删除以_开头的文件夹和文件,因为这些都是FCKeditor的一些例子而已,可以学习一下,但上传到网站服务器上就大可不必了,删除。
在根目录下,还有几个fckeditor.asp,fckeditor.php,fckeditor.js......等其它文件,这个就看你的网站服务器和网站需要什么程序语言,有PHP,ASP,PERL,.NET等,我选择的是脚本配置文件fckeditor.js,还有三个文件fckconfig.js、fckstyles.xml、fcktemplates.xml是必需的文件,其它的可以全部删除。
打开editor文件夹,进入lang文件夹,这里面是FCKeditor的语言包来的,一般国内选择en.js 和zh.js和zh-cn.js文件就可以了,加上必需的文件fcklanguagemanager.js(此文件是2.4版本以下必需的),其它的文件可以完全删除。
之后打开editor/filemanager文件夹,如果不要求在上传图片或者文件的时候显示服务器上的内容,可以选择删除filemanager文件夹下的brower文件夹。
然后进入upload文件夹,里面是各种程序语言的上传文件,选择你需要的那个程序语言文件夹,其它的删除。
进入editor/Plugins文件夹,如果你不需要这些额外的FCKeditor插件的话,把里面的文件夹全部删除。
进入editor/skins文件夹,里面是编辑器的皮肤文件,default文件是默认的灰色面板的编辑器,Office2003和silver是另外加载的,看哪个好看就选择哪个,然后其它的删除。
另外,editor/dialog文件夹里是一些编辑器的对话框,如果选择基本的一些功能的话,可以相应的选择其文件,把其它的删除也是可以的。
FCKEDIT 配置
FCKEDIT 配置(一)一:首先删除不必要的文件节省空间。
凡是以_开头的文件如_samples,_testcases和一些用不到的.asp、.jsp、.cfm文件统统干掉。
二:修改fckconfig.jsFCKConfig.AutoDetectLanguage = true ;//是否自动检测语言FCKConfig.DefaultLanguage = 'zh-cn' ;//设置语言FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;//设置皮肤FCKConfig.TabSpaces = 1 ;//tab是否有效FCKConfig.ToolbarStartExpanded = true ;//编辑工具条是否出现,等点“展开工具栏”时才出现FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;//添加中文字体修改FCKeditor\editor\css\fck_editorarea.css设置默认字体及大小body, td{font-family: Arial, Verdana, Sans-Serif;font-size: 14px;}三:关于文件上传的设置修改fckconfig.jsvar _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | phpvar _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | php修改fckeditor\editor\filemanager\browser\connectors\php\config.php$Config['Enabled'] = true ;$Config['UserFilesPath'] = '/UserFiles/' ;//设置上传的文件夹,可自己指定修改fckeditor\editor\filemanager\connectors\upload.php //这个没有找到$Config['Enabled'] = true ;$Config['UseFileType'] = true ;$Config['UserFilesPath'] = '/UserFiles/' ;//同上要一样四:引入在线编辑器时只需<?phpinclude("fckeditor/fckeditor.php") ;$oFCKeditor = new FCKeditor('FCKeditor1') ;//实例化$oFCKeditor->BasePath = 'fckeditor/';//这个路径一定要和上面那个引入路径一致,否则会报错:找不到fckeditor.html页面//$oFCKeditor->Value = '' ;$oFCKeditor->Width = '100%' ;$oFCKeditor->Height = '300' ;$oFCKeditor->ToolbarSet = 'Default' ; //可以自己精简toolbar$oFCKeditor->Create() ;//可以用$oFCKeditor->CreateHtml()?>JS用alert( FCKeditorAPI.GetInstance('FCKeditor1').GetXHTML( true ))得到FCKeditor1的值;PHP用$_POST['FCKeditor1']得到FCKeditor1的值。
使用FCKeditor配置的方法
FCKConfig.FontNames = ‘宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana’ ;//添加中文字体 修改 FCKeditor\editor\CSS\fck_editorarea.css 设置默认字体及大小 body, td { font-family: Arial, Verdana, Sans-Serif; font-size: 14px; } 3 关于文件上传的设置 修改 fckconfig.js var _FileBrowserLanguage = ‘php’ ; // asp | aspx | cfm | lasso | perl | php var _QuickUploadLanguage = ‘php’ ; // asp | aspx | cfm | lasso | php
使用 FCKeditor 配置的方法
大家知道使用 FCKeditor 配置吗?下面我们就给大家详细介绍一下吧! 1 首先删除不必要的文件节省空间。凡是以_开头的文件如_samples, _testcases 和一些用不到的.asp、.jsp、.cfm 文件统统干掉。 2 修改 fckconfig.js FCKConfig.AutoDetectLanguage = true ;//是否自动检测语言 FCKConfig.DefaultLanguage = ‘zh-cn’ ;//设置语言 FCKConfig.SkinPath = FCKConfig.BasePath + ‘skins/default/’ = 1 ;//tab 是否有效 FCKConfig.ToolbarStartExpanded = true ;//编辑工具条是否出现,等点展开 工具栏”时才出现
FCKeditor使用方法详解
FCKeditor使用方法详解目录一、FCKeditor简介 (2)1.1 FCKeditor是什么 (2)1.2 FCKeditor的特点 (3)二、安装与配置FCKeditor (5)三、基本功能使用方法 (6)3.1 文本格式化 (7)3.2 段落和列表操作 (9)3.3 图片和表格插入 (10)3.4 表单字段 (11)3.5 样式和脚本 (12)四、高级功能使用方法 (13)4.1 可视编辑器 (14)4.2 自动排版 (16)4.3 批量导入/导出 (17)4.4 国际化支持 (18)4.5 客户端存储 (20)五、自定义插件与扩展 (21)5.1 如何安装插件 (22)5.2 插件的使用方法 (24)5.3 开发自定义插件 (25)六、常见问题与解决方案 (27)6.1 常见问题列表 (28)6.2 问题解决步骤 (29)七、实例演示 (30)7.1 创建一个简单的HTML页面 (31)7.2 在页面中添加FCKeditor (32)7.3 配置和使用FCKeditor的各种功能 (34)八、FCKeditor在主流开发框架中的应用 (35)8.1 PHP+MySQL环境下的应用 (36)8.2 环境下的应用 (37)8.3 Java/Spring环境下的应用 (39)九、总结与展望 (39)9.1 FCKeditor的优点 (40)9.2 FCKeditor的局限性与未来发展趋势 (41)一、FCKeditor简介FCKeditor是一款由德国Maxthon公司开发的强大的网页文本编辑器,它具有丰富的功能、高度的可定制性和易用性,被广泛应用于各种Web应用中,如论坛、博客、新闻发布等。
FCKeditor不仅提供了基本的文本编辑功能,还支持图像、表格、超链接等元素的插入和编辑,以及自定义插件和宏,可以满足用户的各种编辑需求。
FCKeditor采用了基于JavaScript的富文本编辑技术,具有高效的性能和较小的体积,可以轻松地集成到各种Web应用中。
FCKeditor (jsp在线编辑器)配置总结
FCKeditor (jsp在线编辑器)配置总结折腾了两天,从eWebEditor到CKeditor再到FCKeditor真是费足了劲了!本人比较喜欢开源的,在网上狂搜一通最后被CKeditor强大的功能和华丽的界面吸引的五体投地~~,高高兴兴的下载了CKeditor,花费了半天的时间终于把CKeditor配置好了,结果一点图片发现连个上传图片的按钮都没有(~~~~(>_<)~~~~ ),原来还需要一个CKfinder插件。
于是又兴冲冲的跑到官网上找CKfinder,找到最后却发现就是没有java版的!!!而且这个插件好像是要收费的,哎~真是郁闷死了。
不能用CKeditor那就用FCKeditor吧,呵呵,下面牢骚归正传:一、首先到官网下载最新版本的FCKeditor 2.6.5下载地址:/project/downloading.php?group_id=75348&filename=FCKeditor_2.6.5.zip FCKeditor.Java 2.6 要下的有fckeditor-java-demo-2.6.war (示例,我觉得下载这一个就够了)fckeditor-java-2.6-src.zip (源文件,如果你想看就下吧)fckeditor-java-2.6-bin.zip (我下了,但没有上)二、(1)、把FCKeditor 2.6.5解压到WebRoot下(2)、解压fckeditor-java-2.6-bin.zip,把文件夹中的fckeditor-java-core-2.6.jar以及lib中的所有jar包拷贝到你的web程序的lib中,fckeditor-java-demo-2.6.war中的slf4j-simple-1.5.8.jar也要拷进去(注意:slf4j-api和slf4j-simple的版本一定要一致)。
如果你觉得麻烦,那么就从fckeditor-java-demo-2.5.war 中直接将lib文件夹下的所有jar包复制到项目的lib中,我就是这么做的。
Fckeditor使用
Fckeditor 使用要点:1. fckeditor 使用及配置2. 分析并解决fckeditor 的乱码问题3. 修改fckeditor 以符合自己的要求介绍FCKeditor 的官方网站:FCKeditor 是一个开源的HTML文本编辑器,可以让web 程序拥有如MS Word 这样强大的编辑功能,还可以上传图片,flash等,支持多国语言。
准备环境1. 下载FCKeditor从官方网站可以下载. 下载的压缩包为FCKeditor_2.4.3.zip (本文中使用的版本).因为我们要使用在JavaWeb 项目中,所以还需要再下载压缩包FCKeditor-2.3.zip (本文中使用的版本)2. 加入到JavaWeb 工程中.解压缩FCKeditor 2.4.3.zip 得到文件夹fckeditor. 里面有editor 文件夹, _samples 文件夹和一些文件. 把文件夹fckeditor 拷贝到工程的WebRoot 目录下.如果要在jsp 中使用定义标签调用FCKeditor需要拷贝FCKeditor-2.3/src 下的FCKeditor.tld 文件到项目的WebContent/WEB-INF 目录或其子目录下, 但不能放在WEB-INF/classes 或WEB-INF/lib 下. 并且拷贝FCKeditor-2.3.jar 到工程的WEB-INF/lib 目录中.如果要使用文件上传相关功能需要拷贝FCKeditor-2.3/web/WEB-INF/lib下的commons-fileupload.jar和FCKedito-2.3.jar 到工程WEB-INF/lib 目录中.在工程的web.xml 中增加FCKeditor-2.3/web/WEB-INF/web.xml 中的内容, 然后做以下修改:<servlet><servlet-name>SimpleUploader</servlet-name>……<init-param><!--修改此参数设置为true,开启上传功能--><param-name>enabled</param-name><param-value>true</param-value></init-param></servlet>修改web.xml 中Connector 和SimpleUploader 为正确的路径.例如SimpleUploader的映射默认为/editor/filemanager/upload/simpleuploader.应改为/fckeditor/editor/filemanager/upload/simpleuploader. 其中fckeditor 为编辑器所在目录.使用(摘自官方文档)方法一: 使用javascript, 建立并输出编辑器1. 引入fckeditor.js<SCRIPT type="text/javascript" src="fckeditor/fckeditor.js"></SCRIPT>2.<script type="text/javascript">var oFCKeditor = new FCKeditor('FCKeditor1');oFCKeditor.BasePath = "fckeditor/";oFCKeditor.Create();</script>方法二: 使用javascript, 用编辑器来替换对应的文本域1. In <HEAD> add the "onload" method:<script type="text/javascript">window.onload = function(){var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;oFCKeditor.BasePath = "/fckeditor/" ;oFCKeditor.ReplaceTextarea() ;}</script>2. In <BODY> add the below code to replace an existing TEXTAREA in the page:<textarea id="MyTextarea" name="MyTextarea">This is <b>the</b> initial value.</textarea>方法三: 在jsp 中使用自定义标签(摘自官方的demo)1. 导入标签: <%@ taglib prefix="fck" uri="/tags-fckeditor" %>2. 调用FCKeditor<fck:editor id="content" basePath="${pageContext.request.contextPath}/fckeditor/"></fck:editor>还有其它方法, 请参见官方文档: /FCKeditor_2.x/Developers_Guide配置以上就可以在我们的页面中使用fckeditor 了. 还可以对其进行配置(Y ou can either edit the main configuration file or just override the settings you want to change in a separate file)1. 可以直接修改配置文件fckconfig.js2. 或是指定一个配置文件, 只写需要更改的设置项.使用:var oFCKeditor = new FCKeditor( "FCKeditor1" ) ;// 指定自定义配置文件oFCKeditor.Config["CustomConfigurationsPath"] = "/myconfig.js" ;oFCKeditor.Create() ;即设置CustomConfigurationsPath 属性为配置文件的路径提示:♦在使用时,系统会自动侦测并运用适当的界面语言.♦修改配置后, 要先清除缓存, 以免影响结果♦BasePath 属性是编辑器的基路径,默认为/Fckeditor/文件夹, 要以/ 结尾自定义工具栏:可修改或增加ToolbarSets,例如:FCKConfig.ToolbarSets["myToolbar"] = [['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','TextColor' ,'-','Image','Fl ash','Table']] ;可以尝试去掉一些按钮在页面中要指定使用这个自定义的ToolbarSetsvar oFCKeditor = new FCKeditor( "FCKeditor1" ) ;oFCKeditor.ToolbarSet="myToolbar"oFCKeditor.Create() ;修改“回车”和“Shift+回车”的换行行为默认是回车是一个段落, shift+回车是换行, 我们要颠倒过来可以按如下设置(注释提示了可选模式)FCKConfig.EnterMode = 'br' ; // 回车是换行// p | div | brFCKConfig.ShiftEnterMode = 'p' ; // shift+Enter 是一个段落// p | div | br编辑区样式文件FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css' ;可以在这个文件中自定义样式, 将会作用于编辑区提示: 可以使用@import url(other.css);更换表情图片1. 拷贝图片到一个文件夹.例如放到FCKConfig.BasePath + 'images/smiley/wangwang/' 下2. 修改配置文件1.更改表情图片的路径FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/wangwang/' ;2.指定表情图片的文件名FCKConfig.SmileyImages= ['0.gif','1.gif','2.gif','3.gif','4.gif','5.gif'] ;3.设定窗口合适的大小FCKConfig.SmileyColumns = 3 ; // 有几列FCKConfig.SmileyWindowWidth = 650 ; // 表情窗口宽度FCKConfig.SmileyWindowHeight = 480 ; // 表情窗口高度提示:如果使用的图片过多, 而指定的窗口大小不足够大时, 就会有一部分表情显示不出来,窗口上没有滚动条, 且窗口大小不能用鼠标调整.解决办法: 找到这个对话框的源文件fckeditor/editor/dialog/fck_smiley.html 文件. 修改其中<body> 中的scroll=”no”属性值为“auto”修改字体FCKConfig.FontNames ='宋体;楷体_GB2312;黑体;隶书;Times New Roman;Arial' ;FCKConfig.FontSizes ='1/最小;2/较小;3/中等;4/较大;5/最大';使用文件上传功能修改配置文件浏览与文件上传的链接,使之与web.xml中Servlet的映射路径联系起来。
FCKEDITOR学习笔记
Fckeditor学习笔记FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。
具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。
它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型网站均采用了FCKeditorFckeditor java jsp配置方法详解(以2.6版本为例):一:从官方网站下载fckeditor核心文件,/download二:下载java版的文件上传组件,/projects/fckeditor/files/FCKeditor.Java/2.6/三:基本配置与优化,解压FCKeditor_2.6.6.zip,会得到一个文件夹fckeditor,全部拷贝到工程的根目录下,只保留fckconfig.js,fckeditor.js,fckstyles.xml,fcktempletes.xml,fckpackager.xml和fckeditor文件夹,删除所有以“_”开头的文件和文件夹,(这是测试或demo或是temp文件,无用)四:编辑web.xml,加入(新版本的去掉了很多东西,用以前版本的方法,在web.xml文件中进行参数配置已经没用了,试过很多参数都没用)XML/HTML代码<servlet><servlet-name>FCKConnector</servlet-name><servlet-class>net.fckeditor.connector.ConnectorServlet</servlet-class><load-on-startup>1</load-on-startup></servlet><servlet-mapping><servlet-name>FCKConnector</servlet-name><url-pattern>/fckeditor/editor/filemanager/connectors/*</url-pattern></servlet-mapping>五:创建fckeditor.properties文件,在src下(编译之后处于classes目录中),加入erActionImpl=erActionImpl 注:default.properties可以在fckeditor-java-core-2.5.jar的net\fckeditor\handlers\找到六:maven下引入所需jar,配置如下:<dependency><groupId>commons-fileupload</groupId><artifactId>commons-fileupload</artifactId><version>${commons.fileupload.version}</version></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-io</artifactId><version>${commons.io.version}</version></dependency><dependency><groupId>org.devlib.schmidt</groupId><artifactId>imageinfo</artifactId><version>1.7</version></dependency><dependency><groupId>net.fckeditor</groupId><artifactId>java-core</artifactId><version>2.6</version></dependency><dependency><groupId>org.slf4j</groupId><artifactId>slf4j-api</artifactId><version>1.5.8</version></dependency><dependency><groupId>org.slf4j</groupId><artifactId>slf4j-simple</artifactId><version>1.5.8</version></dependency>配置完毕,开始使用吧1,在<\head>前面添加如下代码XML/HTML代码<script type="text/javascript"src="<%=basePath%>/fckeditor/fckeditor.js"></script>//这里在路径前面加上了="<%=basePath%>,解决了写绝对路径的麻烦<script type="text/javascript">window.onload=function(){var oFCKeditor=new FCKeditor('content','100%','400','Default');oFCKeditor.BasePath="<%=basePath%>/fckeditor/";//该路径指示fckeditor的根路径,这里在路径前面加上了="<%=basePath%>,解决了写绝对路径的麻烦//这里content和下面的textarea的name参数必须对应//后面依次是宽、高和工具栏设置可以是Default或BasicoFCKeditor.ReplaceTextarea()</script>然后在需要显示编辑器的地方插入:XML/HTML代码<textarea name="content"><!--这里是输入框的默认值--></textarea>"><!--content和上面的一定得对应起来,这里的content就是表单传递的参数名-->2,这个是fckeditor-java-demo-2.6.war中本身带的例子在<\head>前插入XML/HTML代码<script type="text/javascript">function FCKeditor_OnComplete(editorInstance){window.status=editorInstance.Description;}</script>表单写法如下:XML/HTML代码<form action="sampleposteddata.jsp"method="post"target="_blank"><div><input id="EditorDefault"name="EditorDefault"value="This is some<strong>sample text </strong>.You are using<a href="">FCKeditor</a>."type="hidden"/><i frame id="EditorDefault___Frame"frameborder="0"height="200"scrolling="no"width="100%" src="/fckeditor-java-demo-2.6/fckeditor/editor/fckeditor.html?InstanceName=EditorDefault&Too lbar=Default"></iframe></div><br/><input type="submit"value="Submit"/></form>通过以上这些配置,fckeditor所以功能已经可以正常使用了,但如果要设置Fckeditor的运行参数,还得继续做一些设置工作,像编辑器的工具栏风格,按钮布局,字体,表情图片等,都可以通过fckconfig.js进行设置。
Fckeditor配置中文解释
Fckeditor配置中文解释AutoDetectLanguage=true/false 自动检测语言BaseHref="" 相对链接的基地址ContentLangDirection="ltr/rtl" 默认文字方向ContextMenu=字符串数组,右键菜单的内容CustomConfigurationsPath="" 自定义配置文件路径和名称Debug=true/false 是否开启调试功能,这样,当调用FCKDebug.Output()时,会在调试窗中输出内容DefaultLanguage="" 缺省语言EditorAreaCss="" 编辑区的样式表文件EnableSourceXHTML=true/false 为TRUE时,当由可视化界面切换到代码页时,把HTML 处理成XHTMLEnableXHTML=true/false 是否允许使用XHTML取代HTMLFillEmptyBlocks=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="" 浏览服务器时运行的URLImageBrowserWindowHeight="" 图像浏览器窗口高度ImageBrowserWindowWidth="" 图像浏览器窗口宽度LinkBrowser=true/false 是否允许在插入链接时浏览服务器LinkBrowserURL="" 插入链接时浏览服务器的URLLinkBrowserWindow Height=""链接目标浏览器窗口高度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标记。
FCKEditor器安全配置电脑资料
FCKEditor编辑器平安配置电脑资料给那些被骇客通过器的上传破绽挂马和存在上传破绽的程序员们. 假如你的网站使用了FckEditor器还没有进展正确的配置是很容易被别人通过上传得到webshell,下面我就分享一下我在用Fckeditro 时一点技巧.环境:vsxx首先在vs中配置Fckeditor器,关于Fckeditor下载后的文件请参考:彻底禁用fckEditor的上传功能(含防止Type破绽问题)在Fckeditor 2.6.3前的版本中在fckeditor"editor"filemanager"connectors"aspx"config.ascx 文件中的上传验证没有平安的验证就直接可上传,在后续的版本中修改这个地方,必须得用手动设置private bool CheckAuthentication(){// WARNING : DO NOT simply return "true". By doing so, you are allowing// "anyone" to upload and list the files in your server. You must implement// some kind of session validation here. Even something very simple as...//// return ( Session[ "IsAuthorized" ] != null &&(bool)Session[ "IsAuthorized" ] == true );//// ... where Session[ "IsAuthorized" ] is set to "true" as soon as the// user logs in your system.return false; <-- true}复制代码返回值为true.但是这样是不平安的,参考彻底禁用fckEditor的上传功能(含防止Type破绽问题) fckeditor 可以从地址栏直接输入破绽地址还可上传文件。
【IT专家】在Java web中配置在线文本编辑器FCKeditor
本文由我司收集整编,推荐下载,如有疑问,请与我司联系在Java web 中配置在线文本编辑器FCKeditor2015/04/13 501 在线文本编辑器对于任何网络系统来说都是必不可少的的模块,尤其是对于表单页面程序来说几乎是必需模块。
本文主要介绍如何在表单中调用FCKeditor。
1、下载FCKeditor 的相关软件FCKeditor_2.6.6 fckeditor-java-2.4-bin(可以对FCKeditor 进行精简,这样不仅可以提高其加载速度,还可以提高Java web 项目的运行速度。
当然,为了省事,可以不用精简,不影响FCKeditor 的使用)。
下载链接:FCKeditor_2.6.6 点击打开链接fckeditor-java-2.4-bin 点击打开链接2、利用JavaScript 语言调用FCKeditor新建一个名叫myFCKeditortest 的JavaWeb 项目,然后把解压后的fckeditor文件夹以及该文件夹下的所有文件复制到myFCKeditortest/WebRoot 目录下。
至此完成了FCKeditor 在线文本编辑器环境的配置,接下来通过俩种方式在myFCKeditor 项目中实现对FCKeditor 在线文本编辑器的调用。
1)JavaScript 语言直接调用在myFCKeditortest/WebRoot 目录下新建一个叫JavaScript1.jsp 的JSP 页面,代码如下:span %@ page language=“java”import=“java.util.*”pageEncoding=“utf-8”% html head title 通过JavaScript 语言调用/title !-- 引入外部的js 文件-- script type=“text/javascript”src=“fckeditor/fckeditor.js”/script /head body h1 通过JavaScript 语言调用/h1 !-- 调用FCKeditor 在线文本编辑器-- script type=“text/javascript”var oFCKeditor = new FCKeditor(‘FCKeditor1’); oFCKeditor.BasePath = “/myFCKeditortest/fckeditor/”;oFCKeditor.Create(); /script /body /html /span 2)标签textarea 调用FCKeditor在myFCKeditortest/WebRoot 目录下新建一个叫JavaScript2.jsp 的JSP 页面,代。
java中checkbox的用法
Java中Checkbox的用法1.概述在J av a的GU I编程中,Ch ec kb ox是一种常见的UI组件,用于表示用户选择或者多选的状态。
C he ck bo x通常以方框的形式展现,用户可以通过勾选或取消勾选来表示自己的选择。
2. Ch eckbox的基本用法C h ec kb ox在J av a中是通过Ch ec kb ox类来实现的。
以下是C h ec kb ox类的构造方法和常用方法:2.1构造方法C h ec kb ox类有多个构造方法,常见的有:-`Ch ec kb ox()`:创建一个未命名的复选框,初始状态未选中。
-`Ch ec kb ox(S tr ing l ab el)`:创建一个具有指定标签的复选框,初始状态未选中。
-`Ch ec kb ox(S tr ing l ab el,b oo le an sta t e)`:创建一个具有指定标签和初始状态的复选框。
2.2常用方法C h ec kb ox类还提供了一些常用的方法用于设置和获取复选框的状态:-`vo id se tL ab el(St r in gl ab el)`:设置复选框的标签。
-`St ri ng ge tL ab el()`:获取复选框的标签。
-`vo id se tS ta te(bo o le an st at e)`:设置复选框的状态,tr u e表示选中,f al se表示未选中。
-`bo ol ea ng et St ate()`:返回复选框的当前状态。
3.使用示例以下是一个简单的示例,演示了如何创建并使用C he ck bo x:```j av ai m po rt ja va.a wt.*;i m po rt ja va.a wt.ev e nt.*;p u bl ic cl as sC he ckb o xE xa mp le ex te nds F ra me{p r iv at eC he ck bo xch e ck bo x;p u bl ic Ch ec kb ox Exa m pl e(){s e tL ay ou t(ne wF low L a y ou t());L a be ll ab el=n ew Lab e l("请选择:");c h ec kb ox=n ew Ch eck b ox("选项1",t rue);B u tt on bu tt on=n ewB u tt on("提交");b u tt on.a dd Ac ti onL i st en er(n ew Ac tio n Li st en er(){p u bl ic vo id ac ti onP e rf or me d(Ac ti onE v en te){S y st em.o ut.p ri ntl n("Ch ec kb ox状态:"+ch ec kb ox.g et Sta t e());}});a d d(la be l);a d d(ch ec kb ox);a d d(bu tt on);s e tS iz e(300,200);s e tV is ib le(t ru e);}p u bl ic st at ic vo idm a in(S tr in g[]a rgs){n e wC he ck bo xE xa mpl e();}}```运行上述示例代码,将会显示一个窗口,其中包含一个带有标签的复选框和一个提交按钮。
FCKeditor使用详解JAVA版(二)
FCKeditor使用详解JAVA版(二)10. 解决上传中文乱码问题和重命名文件:修改ConnectorServlet.java重命名文件名:11. Peoperties文件的配置:参考下面:# 允许上传的文件类型connector.resourceType.file.extensions.allowed = 7z|aiff|asf|avi|bmp|csv|doc|fla|flv|gif|gz|gzip|jpeg|jpg|mid|mov|m p3|mp4|mpc|mpeg|mpg|ods|odt|pdf|png|ppt|pxd|qt|ram|rar|rm|r mi|rmvb|rtf|sdc|sitd|swf|sxc|sxw|tar|tgz|tif|tiff|txt|vsd|wav|wma|w mv|xls|xml|zipconnector.resourceType.image.extensions.allowed = bmp|gif|jpeg|jpg|pngconnector.resourceType.flash.extensions.allowed = swf|flaconnector.resourceType.media.extensions.allowed = aiff|asf|avi|bmp|fla|flv|gif|jpeg|jpg|mid|mov|mp3|mp4|mpc|mpeg |mpg|png|qt|ram|rm|rmi|rmvb|swf|tif|tiff|wav|wma|wmv # 上传资源默认路径connector.resourceType.file.path = /fileconnector.resourceType.image.path = /imageconnector.resourceType.flash.path = /flashconnector.resourceType.media.path = /media# 强制一个文件名只能有一个“.”符号connector.forceSingleExtension = true# 默认的上传路径,为上下文的相对路径erFilesPath = /userfiles# 是否显示全路径connector.fullUrl = false# 这个如果设置为true,则Fckeditor会检查目录中是否有相同的文件,如果有就# 会对这个文件进行重命名connector.secureImageUploads = true# fckeditor相对于Context的路径fckeditor.basePath = /fckeditor# fckeditor的默认高度fckeditor.height = 200# 默认的工具栏fckeditor.toolbarSet = Default# 默认的宽度fckeditor.width = 100%# 一些提示信息message.enabled_patible_browser.no = Your browser is not compatiblemessage.enabled_patible_browser.yes = Your browser is fully compatiblemessage.enabled_tag.connector.file_browsing.disabled = The Connector is disabled for FileBrowsingmessage.enabled_tag.connector.file_browsing.enabled = The Connector is enabled for FileBrowsingmessage.enabled_tag.connector.file_upload.disabled = The Connector is disabled for FileUploadmessage.enabled_tag.connector.file_upload.enabled = TheConnector is enabled for FileUpload12. 文件的上传:如果要上传文件,需要下载一个apache http server,然后在安装目录下,找到conf目录,找到httpd.conf文件。
JAVA环境下HTML编辑器FCKeditor使用详解
JAVA环境下HTML编辑器FCKeditor使用详解本文大部分为转贴,部分为个人使用后发现的问题与理解。
使用的是最新的FCKeditor2.6Beta+FCKeditor java2.3集成的java环境编辑器。
这编辑器和csdn博客中使用的一样,只是少了两个功能:恢复上次提交和插入代码。
不知道怎么弄的,谁知道可以告诉我。
一起交流,我也是刚开始接触这编辑器。
本文介绍FCKeditor在Java环境下的使用方法。
一、简介功能:所见即所得,支持图片和Flash,工具栏可自由配置,使用简单兼容性:IE5.5+、Firefox1.5+、Safari3.0+、Opera9.50+、Netscape7.1+、Camino1.0+成熟度:使用广泛,被Baidu、CSDN等选用二、下载官方下载首页:/download/,当前版本为2.6Beta,需要下载FCKeditor 2.6Beta(FCKeditor_2.6b.zip)和FCKeditor.Java(FCKeditor-2.3.zip)。
三、部署本例以WebRoot作为应用根路径,部署后的目录结构如下图所示:1、FCKeditor_2.6b.zip解压,将fckeditor文件夹复制到/WebRoot/下2、FCKeditor-2.3.zip解压,将commons-fileupload.jar和FCKeditor-2.3.jar复制到/WebRoot/WEB-INF/lib/下,将src下面的FCKeditor.tld复制到/WebRoot/WEB-INF/下,把src 目录下的java类的复制到project的src目录下3、修改/WebRoot/WEB-INF/web.xml文件,只定义了两个Servlet映射,并且对上传文件的目录和允许哪些文件上传、拒绝哪些文件上传做了设置,请注意,这两个servlet的url-pattern 我都在原来代码的前面加上了/fckeditor,这是表示FCKeditor的根目录。
FCKeditor使用详解
FCKeditor介绍FCKeditor是一个功能强大支持所见即所得功能的文本编辑器,可以为用户提供微软office软件一样的在线文档编辑服务。
它不需要安装任何形式的客户端,兼容绝大多数主流浏览器,支持、ASP、ColdFusion 、PHP、Java、Active-FoxPro、Lasso、Perl、ython 等编程环境。
官方网站/官方文档/下载地址/download/default.html其实不同版本的FCKeditor配置过程基本类似,这里拿最新的2.63作为实例进行介绍。
FCKeditor安装和配置到,下载FCKeditor2.63.zip和2.63版的2个zip包(a) FCKeditor_2.6.3是其最新的Javascript文件和图片等;(b) _2.6.3.zip是一个控件DLL文件。
将a解压缩,得到FCKeditor的核心文件,将其拷贝到web项目的根目录下(建议,当然你可以任意放)。
然后解压b,得到.NET支持的源码,进入,bin 下的Release中存在FCKeditor的DLL(这里也有debug文件夹,建议使用release),我们需要在项目中添加对其引用即可。
1.工程浏览器上右键,选择添加引用(Add Reference…),找到浏览(Browse)标签,然后定位到你解压好的FredCK.FCKeditorV2.dll,确认就可以了。
这时,FCKPro工程目录下就多了一个bin文件夹,里面包含FredCK.FCKeditorV2.dll 文件。
2.为了方便RAD开发,我们把FCKeditor控件也添加到VS的工具箱(Toolbox)上来,展开工具箱的常用标签组(General),右键选择组件(Choose Items…),在对话框上直接找到浏览按钮,定位FredCK.FCKeditorV2.dll,然后确认就可以了。
3.配置WebConfig,在<appSettings>节点添加,如下所示:<appSettings><add key="FCKeditor:BasePath"value="/Web/fckeditor/"/><add key="FCKeditor:UserFilesPath"value="/Web/Upload/"/></appSettings>说明:"/Web/"是项目名称。
FckEditor配置手册中文教程详细说明
FckEditor配置手册中文教程详细说明性能首先,FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR所需文件.对于其他在线编辑器来说,这几乎是个很难解决的难题,因为在开启编辑器时需要装载太多的文件.比如CUTEEDITOR,虽然功能比FCKEDITOR还要强大,可是,它本身也够庞大了,至于FREETEXTBOX等,其易用性与FCKEDITOR相比,尚有差距,可以说,FCKEDITOR是一个别具匠心的在线编辑器,它里面融入了作者高深的面向对象的JAVASCRIPT功力,集易用性与强大的功能与一体..与编辑器相关的所有图像,脚本以及调用页.语言文件.编辑器的皮肤文件.工具样的贴图等这些将导致在服务器和客户端间产生相当的流量.如果有许多文件被调用,那么即便每个文件很小.也会让用户等得不耐烦.装载顺序从2.0版开始,编辑器按以下步骤装载资源:.基本页(就是编辑器所在页)以及装入编辑器的JS脚本.用来建立编辑器的脚本.编辑器的语言和皮肤..建立编辑器..载入预置的编辑文档内容..从现在开始,用户可以阅读和编辑文档了,不过,拖拽支持以及工具栏都是不可用的.载入编辑器引擎脚本.建立工具栏,并且可用.从现在开始,编辑器的所有功能都已经完整.载入工具栏图标脚本压缩在打包任何新版本时,编辑器的JS脚本将会进行预处理.预处理步骤如下:.移除所有代码注释.移除所有无用的空白字符..将脚本合并成几个文件使用上面的方法,我们可以将脚本文件的大小压缩到原来的50%.压缩后,原始的代码仍然存在于一个名为_Source的文件夹中如何打包?编辑器已经自带了打包程序,它位于FCKEDITOR的根文件夹中_PACKAGER文件夹中,名为Fckeditor.Packager.exe,将其复制到FCKEDITOR根文件夹中并运行,即可自动将JS脚本打包并压缩需要注意的是该程序是一个.NET程序,必须安装.NET FRAMEWORK才能使用想要获取支持?如果你捐赠15000欧元,你就可以获得1年的免费技术支持(比较贵的说,相当于人民币15万,不过西欧的费用相当惊人)如何安装?1.下载最新版的FCKEDITOR2.解压缩到你的站点根文件夹中名为FCKEDITOR的文件夹中(名称必须为FCKEDITOR,因为配置文件中已经使用此名称来标示出FCKEDITOR的位置)3.现在,编辑器就可以使用了,如果想要查看演示,可以按下面方法访问:http://<your-site>/FCKeditor/_samples/default.html注意:你可以将FCKEDITOR放置到任何文件夹,默认情况下,将其放入到FCKEDITOR文件夹是最为简单的方法.如果你放入的文件夹使用别的名称,请修改配置文件夹中编辑器BasePath 参数,如下所示:oFckeditor.BasePath="/Components/fckeditor/";另外,FCKEDITOR文件夹中所有以下划线开头的文件夹及文件,都是可选的,可以安全的从你的发布中删除.它们并不是编辑器运行时必需的如何将FCKEDITOR整合进我的页面?由于目前的版本提供的FCKEDITOR仅提供了JAVASCRIPT式的整合,因此,这里仅讲述如何应用JAVASCRIPT来整合FCKEDITOR到站点中,当然,其他各种语言的整合,你可以参考_samples 文件夹中的例子来完成1,假如编辑器已经安装在你的站点的/FCKEDITOR/文件夹下.那么,第一步我们需要做的就是在页面的HEAD段中放入SCRIPT标记以引入JAVASCRIPT整合模块.例如:<script type="text/javascript" src="/fckeditor/fckeditor.js"></script>其中路径是可更改的2,现在,FCKEDITOR类已经可以使用了.有两个方法在页面中建立一个FCKEDITOR编辑器: 方法1:内联方式(建议使用):在页面的FORM标记内需要插入编辑器的地方置入以下代码: script type="text/javascript">var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;oFCKeditor.Create() ;</script>方法2:TEXTAREA标记替换法(不建议使用):在页面的ONLOAD事件中,添加以下代码以替换一个已经存在的TEXTAREA标记<html><head><script type="text/javascript">window.onload = function(){var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;oFCKeditor.ReplaceTextarea() ;}</script></head><body><textarea id="MyTextarea" name="MyTextarea">This is <b>the</b> initialvalue.</textarea></body></html>3.现在,编辑器可以使用了FCKEDITOR类参考:下面是用来在页面中建立编辑器的FCKEDITOR类的说明构造器:FCKeditor( instanceName[, width, height, toolbarSet, value] ) instanceName:编辑器的唯一名称(相当于ID)WIDTH:宽度HEIGHT:高度toolbarSet:工具条集合的名称value:编辑器初始化内容属性:instanceName:编辑器实例名width:宽度,默认值为100%height:高度,默认值是200ToolbarSet:工具集名称,参考FCKCONFIG.JS,默认值是Defaultvalue:初始化编辑器的HTML代码,默认值为空BasePath:编辑器的基路径,默认为/Fckeditor/文件夹,注意,尽量不要使用相对路径.最好能用相对于站点根路径的表示方法,要以/结尾CheckBrowser:是否在显示编辑器前检查浏览器兼容性,默认为trueDisplayErrors:是否显示提示错误,默为true;集合:Config[Key]=value;这个集合用于更改配置中某一项的值,如oFckeditor.Config["DefaultLanguage"]="pt-br";方法:Create()建立并输出编辑器RepaceTextArea(TextAreaName)用编辑器来替换对应的文本框如何配置FCKEDITOR?FCKEDITOR提供了一套用于定制其外观,特性及行为的设置集.主配置文件名为Fckconfig.js你既可以编辑主配置文件,也可以自己定义单独的配置文件.配置文件使用JAVASCRIPT语法.修改后,在建立编辑器时,可以使用以下语法:var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;oFCKeditor.Config['CustomConfigurationsPath'] = '/myconfig.js' ; oFCKeditor.Create() ;提醒:当你修改配置后,请清空浏览器缓存以查看效果配置选项:AutoDetectLanguage=true/false 自动检测语言BaseHref="" _fcksavedurl="""" 相对链接的基地址ContentLangDirection="ltr/rtl" 默认文字方向ContextMenu=字符串数组,右键菜单的内容CustomConfigurationsPath="" 自定义配置文件路径和名称Debug=true/false 是否开启调试功能,这样,当调用FCKDebug.Output()时,会在调试窗中输出内容DefaultLanguage="" 缺省语言EditorAreaCss="" 编辑区的样式表文件EnableSourceXHTML=true/false 为TRUE时,当由可视化界面切换到代码页时,把HTML处理成XHTMLEnableXHTML=true/false 是否允许使用XHTML取代HTMLFillEmptyBlocks=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="" 浏览服务器时运行的URLImageBrowserWindowHeight="" 图像浏览器窗口高度ImageBrowserWindowWidth="" 图像浏览器窗口宽度LinkBrowser=true/false 是否允许在插入链接时浏览服务器LinkBrowserURL="" 插入链接时浏览服务器的URLLinkBrowserWindowHeight=""链接目标浏览器窗口高度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标记如何自定义样式列表呢?FCKEDITOR的样式工具栏中提供了预定义的样式,样式是通过XML文件定义的,默认的XML样式文件存在于FCkEditor根文件夹下的FckStyls.xml文件中这个XML文件的结构分析如下:<?xml version="1.0" encoding="utf-8" ?><Styles ><Style name="My Image" element="img"><Attribute name="style" value="padding: 5px" /><Attribute name="border" value="2" /></Style ><Style name="Italic" element="em" /><Style name="Title" element="span"><Attribute name="class" value="Title" /></Style ><Style name="Title H3" element="h3" /></Styles>每一个STYLE标记定义一种样式,NAME是显示在下拉列表中的样式名,ELEMENT属性指定此样式所适用的对象,因为FCKEDITOR中的样式是上下文敏感的,也就是说,选择不同的对象,仅会显示针对这类对象定义的样式拼写检查FCKEDITOR带了两种拼写检查工具,一种是ieSpell,默认情况下使用这种,使用这种方式的拼写检查,要求客户下载并安装iespell这个小软件,另外,也提供SpellPager的方式来进行拼写检查,不过,由于SPELLPAGER是由PHP编写的服务器端脚本,因此,要求你的WEB服务器必须支持PHP脚本语言方可更改拼写检查器的方式请参见有关配置文件的详细说明压缩脚本为了提供脚本载入的效率,FCKEDITOR采用以下方法对脚本尽量压缩以减少脚本尺寸:1,移除掉脚本中的注释2.移除掉脚本中所有无意义的空白另外,FCKEDITOR还提供了一个专门用于压缩脚本的工具以便你在发布时能减小文件尺寸, 你可以将_Packager文件夹中的Fckeditor.Packager.exe复制到FCKEDITOR根文件夹来运行并压缩脚本本地化FCKEDITOR如果FCKEDITOR没有提供您所需要的语言(实际上全有了),你也可以自行制作新的语言,你只需要复制出EN.JS,然后在其基础上进行翻译.另外,语言名称与对应的脚本文件名必须遵循RFC 3066标准,但是,需要小写,例如:Portuguess Language对应的脚本文件名必须为pt.js如果需要针对某个国家的某种语系,则可以在语系缩写后加上横线及国家缩写即可在使用时,系统会自动侦测客户端语系及国别而运用适当的界面语言.当建立一种新的语言后,你必须在"Edit/lang/fcklanguagemanager.js"中为其建立一个条目,如下所示:FCKLanguageManager.AvailableLanguages ={en : 'English',pt : 'Portuguese'}需要提醒的是,文件必须保存为UTF-8格式如何与服务器端脚本进行交互?请查看例子以得到相关内容另外,在中以以下步骤使用1.把FCKEDITOR添中到工具箱2.托拽FCKEDITOR控件到页面3.为其指定名称4.FCKEDITOR类的所有属性不光可以在代码中使用,而且可以作为FCKEDITOR控件的属性直接使用,例如,要改变皮肤,可以在UI页面中指定SkinPath="/fckeditor/editor/skins/office2003"即可,其实FCKEDITOR的版本可以做得更好,你可以找到FCKEDITOR 2.1的源文件,然后修改该控件的设计,为其暴露更多有用的属性,重新编译即可5,POSTBACK后的数据,使用FCKEDITOR控件的value属性获得6.由于默认状态下,不允许提交含有HTML及JAVASCRIPT的内容,因此,你必须将使用FCKEDITOR的页面的ValidateRequest设为false.(<%@page validteRequest="false" %>即可)附:一、如何设置上传文件语言把FCKeditor根目录下面的fckconfig.js文件里var _FileBrowserLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py var _QuickUploadLanguage = 'asp' ; // asp | aspx | cfm | lasso | php这两行中改成您所需要调用的编辑器语言,如用则改为aspx;二、解决中文的问题:在web.config中加入:<globalization requestEncoding="GB2312" responseEncoding="GB2312"/>这样设置后可以显示中文的文件,但URL地址也是中文的;如果服务器对中文地址的解析不好,可能导致图片无法浏览;所以修改:editor\filemanager\browser\default\frmresourceslist.html中的OpenFile函数,把window.top.opener.SetUrl( fileUrl ) ;修改为:window.top.opener.SetUrl( escape(fileUrl) ) ;三.设置上传的目录:1:在web.config中设置:<appSettings><add key="FCKeditor:UserFilesPath" value="/fck/UpLoad/" /></appSettings>2:在Session中设置:在editor\filemanager\browser\default\connectors\aspx\connector.aspx中加入以下代码:<script runat="server" language="C#">protected override void OnInit(EventArgs e){Session["FCKeditor:UserFilesPath"] = "/fck/UpLoad1/";}</script>如何在中动态设置上传图片的路径?1.在javascript中修改FCKConfig.ImageBrowserURL的值,修改方式如下:FCKConfig.ImageBrowserURL += "?Path=要上传的文件路径";如:要把文件上传到站点根目录的UploadFile文件夹中,则设置为:FCKConfig.ImageBrowserURL += "?Path=/UploadFile";2.在"editor\filemanager\browser\default\connectors\aspx\connector.aspx"文件最后中增加以下程序:<script runat="server" language="C#">protected override void OnInit(EventArgs e){if( Request.QueryString["Path"]==null ){Session["FCKeditor:UserFilesPath"] = "/UpLoadFiles/"; //设置默认值}else{Session["FCKeditor:UserFilesPath"] = Request.QueryString["Path"];}}</script>--------------------------------------------------------------------------------多环境下的配置和使用技巧--------------------------------------------------------------------------------在fckeditor中添加右键菜单现在网上介绍FCKEditor如何配置,如何精简的例子非常之多,如有需要可以google一下,此处不必赘述。
FCKeditor编辑器在Java中的应用
■ 中国人 民银 行上饶 市 中心支行 朱 勇士
在Jv的We应用开发 中, aa b 大量文本输入往往因缺
.
< e ve > s r lt
乏像MSwod r一样 的版面编辑功能, 页面输 出显得不够
漂亮。 最近几年虽然出现多款支持J a a 的在线编辑器 , v
一
自 项 目的/ b otF 将fk dt -aa 24z 解压 建 We R o厂 。 ce i rjv 一 .. p o i
三 、 C e io 的应 用 FK d r t
完成 以上配置以后, 就可以在项 目中使用F K d o C e ir t
编辑器。
( ) 用 F K dtr 一 调 C ei o
< cit y e ” x/ v sr t r : / k dtr sr p = t t aa ci ”sc ” c e i / p t e j p f o f eirs> / r t c d o.” < ci > k tj s p
s 4—i pe 1 .. r l js l . 2 a类包 复制到 自 项 目的/ b o t f m 一5 j 建 We R o /
WE — N / b ̄o B I Fl / i
调用 F K d o的方 式 主 要 有三 种。 C eir t
另 外 , 需 要 在 官 网 中下 载 f k d t r i v — 还 c e io — a a d mo 24w r 件 。 其发 布 在t mc t 然 后把 e 一 . .a文 将 o a 中,
/c e i re i rflma a e/o n cos fk dt /d t / e n g rc n e tr/ o o i <ulp t r > / r- at n e < s rlt ma pn > /e ve— p ig
FCKeditor使用文档
FCKediter文档By Rory Wei*本文档介绍FCKEditor2.6.6 For Jsp With FCKEditor-java-2.6一、简介✓功能:支持图片和Flash,工具栏可自由配置,使用简单✓兼容性:IE 5.5+、Firefox 1.5+、Safari 3.0+、Opera 9.50+、Netscape 7.1+、Camino 1.0+ ✓成熟度:使用广泛,被Baidu、CSDN等选用二、下载官方下载首页:/download/,当前版本为FCKeditor_2.6.6.zip 。
需要下载FCKeditor_2.6.6.zip,fckeditor-java-2.6-bin.zip和fckeditor-java-2.6-src.zip。
进入/dist/ ,找到slf4j-1.5.8.zip,下载。
三、基本配置与优化✓解压FCKeditor_2.6.6.zip,会得到一个文件夹fckeditor,全部拷贝到工程的根目录下,只保留fckconfig.js,fckeditor.js,fckstyles.xml,fcktempletes.xml和fckeditor文件夹,删除所有以“_”开头的文件和文件夹(这是测试或demo或是temp文件,无用)。
✓解压fckeditor-java-2.6.6-bin.zip,拷贝fckeditor-java- core-2.6.jar和lib下的所有xxx.jar到,你的项目/web-inf/lib下。
解压slf4j-1.5.8.zip,拷贝slf4j-jdk14-1.5.8.jar到,你的项目/web-inf/lib下。
四、配置web.xml五、创建fckeditor.properties文件在src下(编译之后处于classes目录中),加入erActionImpl = erActionImpl注:default.properties可以在fckeditor-java-core-2.5.jar的net\fckeditor \handlers\找到。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
<init-param>
<param-name>debug</param-name>
<param-value>false</param-value>调试时设为true
</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>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet>
<servlet-name>SimpleUploader</servlet-name>
---images(editor使用到的图片)
---js
---lang (存放用于支持多语言的js文件)
---plugins(扩展插件)
---skins(editor皮肤,2.3.1版有default、office 2003和silvers三种)
</init-param>
<init-param>
<param-name>DeniedExtensionsFlash</param-name>
<param-value></param-value>
---_source (有的资料说要删除此文件夹,删除将会出现很多初始化js错误)
---css(样式)
---dialog(editor所有的网页对话框都在这里了)
---filemanager(文件上传管理部分)
---browser(存放用于浏览选择上传到服务器的文件,创建文件夹的浏览器)
</init-param>
<init-param>
<param-name>AllowedExtensionsFile</param-name>
<param-value></param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsImage</param-name>
<param-value></param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name>
fckconfig.js
fckeditor.js
fckstyles.xml
fcktemplates.xml
….其余文件删掉即可
解压FCKeditor 2.3.zip后得到如下目录结构:
FCKeditor_2.3
---docs
---api(api文档,介绍了类的功能和配置方法)
---defult
---connectors(asp、php 、aspx等实现文件浏览、创建文件夹的文件。java项目中用 connectorservlet.Java实现,所以可以删除下面所有文件)
---upload(asp、php、aspx等实现文件上传时的文件,java项目中用 servlet实现上传,所以可以删除下面所有文件)
将在FCKeditor/editor/下创建Image和Flash文件夹,用于存放上传文件
<param-value>/editor/</param-value>
</init-param>
<init-param>
<init-param>
<param-name>baseDir</param-name>
将在FCKeditor/editor/下创建Image和Flash文件夹,用于存放上传文件
<param-value>/editor/</param-value>
3.4 修改web.xml和FCKeditor/webroot/editor/fckconfig.js:
<web-app>
<display-name>FCKeditor Test Application</display-name>
<servlet>
<init-param>
<param-name>enabled</param-name>
<param-value>true</param-value>修改成true
---src(java源文件)
---web
---_samples
---web-inf
---lib(存放FCKeditor-2.3.jar 和Apache文件上传开源项目commons-fileupload.jar)
Web.xml
目前最新版是:FCKeditor_2.3.2(我用的是2.3.1)和 FCKeditor.Java
(FCKeditor-2.3)
2. 简介
解压FCKeditor 2.3.1.zip后得到如下目录结构:
FCKeditor_2.3.1
---editor
<servlet-name>Connector</servlet-name>
<servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>
<servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>
<init-param>
<param-name>baseDir</param-name>
<param-name>debug</param-name>
<param-value>true</param-value>调试时设为true
</init-param>
</servlet-mapping>
<welcome-file-list>配置欢迎文件
Build.xml
Readme.txt
3. demo
我的开发环境是eclipse3.1和Myeclipse4.1,jdk1.5,resin-pro-3.0.18
3.1 建立一个webproject,命名为FCKeditor
3.2 将FCKeditor_2.3.1下的editor文件夹和fckeditor.js,fckconfig.js,fckstyles.xml,fcktemplates.xml拷贝到FCKeditor/webroot下。
3.3 FCKeditor.java 2.3解压后,把其中的web目录下的WEB-INF目录copy到FCKeditor/webroot下(里面有commons-fileupload.jar, FCKeditor-2.3.jar,web.xml等几个文件), 再把其中的src目录下的FCKeditor.tld文件copy到FCKeditor/webroot/WEB-INF/下,_samples文件夹拷贝到FCKeditor/webroot/下。
<servBiblioteka et-mapping> <servlet-name>SimpleUploader</servlet-name>
这里你可以按自己应用具体配置,需要和fckconfig.js的ImageUploadUrl等对应
<url-pattern>/editor/upload.do</url-pattern>
FCKeditor 2.3.1 是功能完善的可视化编辑器,文件上传管理部分功能已经支持asp,php,aspx...等等,唯独尚未支持jsp,幸运的是Simone Chiaretta制作了Java 的整合文件FCKeditor.Java。
1. 下载最新版的FCKeditor
/download/
和fckconfig.js的ImageBrowserURL等对应
<url-pattern>/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
</servlet-mapping>
</init-param>
<init-param>