FCKeditor_2.6配置方法

本文集成了jsp和PHP的配置方法FckEditorjava2.6.6的JSP配置方法详解开发网站，编辑器是个绕不过去的坎，自己开发，费时费力不说，问题也一定很多。asp时期，使用fckeditor，配置非常方便，各项功能都没有任何问题，但jsp版的，试了几次，编辑器功能倒是大部分正常了，但上传功能总是不顺。于是网上搜索，找到一些文章，但配置时或多或少都是还是有问题，于是结合网友的文章和自己配置过程，记录下来。一：从官方网站下载fckeditor核心文件，，现在最新版本是2.6.6二：下载java版的文件上传组件，三：下载最后一个jar包：，找到slf4j-1.5.8.zip，下载就行了。（其实这个已经不用单独下载了，在fckeditor-java-demo-2.6.war文件中已包含该jar包）准备文件已全部下载好了，下面开始配置吧，四：基本配置与优化，解压FCKeditor_2.6.6.zip，会得到一个文件夹fckeditor，全部拷贝到工程的根目录下，只保留fckconfig.js，fckeditor.js，fckstyles.xml，fcktempletes.xml，fckpackager.xml和fckeditor文件夹，删除所有以“_”开头的文件和文件夹，（这是测试或demo或是temp文件，无用），五：解压fckeditor-java-demo-2.6.war，拷贝lib下的所有xx.jar到，你的项目/web-inf/lib下六：解压slf4j-1.5.8.zip，拷贝slf4j-jdk14-1.5.8.jar到，你的项目/web-inf/lib下。这一步也可以略过了！七：编辑web.xml，加入（新版本的去掉了很多东西，用以前版本的方法，在web.xml文件中进行参数配置已经没用了，试过很多参数都没用）XML/HTML代码servletservlet-nameFCKConnector/servlet-nameservlet-classnet.fckeditor.connector.ConnectorServlet/servlet-classload-on-startup1/load-on-startup/servletservlet-mappingservlet-nameFCKConnector/servlet-nameurl-pattern/fckeditor/editor/filemanager/connectors/*/url-pattern/servlet-mapping八：创建fckeditor.properties文件，在src下(编译之后处于classes目录中)，加入connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl注：default.properties可以在fckeditor-java-core-2.5.jar的net\fckeditor\handlers\找到九：配置完毕，开始使用吧我试了两种方法：1，在\head前面添加如下代码XML/HTML代码scripttype=text/javascriptsrc=%=basePath%/fckeditor/fckeditor.js/script//这里在路径前面加上了=%=basePath%，解决了写绝对路径的麻烦scripttype=text/javascriptwindow.onload=function(){varoFCKeditor=newFCKeditor('content','100%','400','Default');oFCKeditor.BasePath=%=basePath%/fckeditor/;//该路径指示fckeditor的根路径，这里在路径前面加上了=%=basePath%，解决了写绝对路径的麻烦//这里content和下面的textarea的name参数必须对应//后面依次是宽、高和工具栏设置可以是Default或BasicoFCKeditor.ReplaceTextarea();}/script然后在需要显示编辑器的地方插入：XML/HTML代码textareaname=content!--这里是输入框的默认值--/textarea!--content和上面的一定得对应起来，这里的content就是表单传递的参数名--2，这个是fckeditor-java-demo-2.6.war中本身带的例子：在\head前插入XML/HTML代码scripttype=text/javascriptfunctionFCKeditor_OnComplete(editorInstance){window.status=editorInstance.Description;}/script表单写法如下：XML/HTML代码formaction=sampleposteddata.jspmethod=posttarget=_blankdivinputid=EditorDefaultname=EditorDefaultvalue=Thisissomestrongsampletext/strong.Youareusingahref==hidden/iframeid=EditorDefault___Frameframeborder=0height=200scrolling=nowidth=100%src=/fckeditor-java-demo-2.6/fckeditor/editor/fckeditor.html?InstanceName=EditorDefault&Toolbar=Default/iframe/divbr/inputtype=submitvalue=Submit//form就这些，我就是按照该步骤配置成功的！通过以上这些配置，fckeditor所以功能已经可以正常使用了，但如果要设置Fckeditor的运行参数，还得继续做一些设置工作，像编辑器的工具栏风格，按钮布局，字体，表情图片等，都可以通过fckconfig.js进行设置。但有些参数，如上传文件路径，文件自动重命名，等还需要用到另外一个重要文件fckeditor.properties。当然，Fckeditor是开源的，你可以自己下载源代码，修改相应的文件，或者用别人修改好的东西。这里主要介绍一种设置的方法。新版本的2.6.6的，好像做了很多调整，如SimpleUploader好像已经去掉了，以前很多设置都是基于这个的。前面通过web.xml配置SimpleUploader和servlet，也成功了，但很多功能不太正常，呵呵，扯远了，回到主题。至于Fckconfig.js的设置方法网上有很多，这里也有一篇文件是配置时必须的，直接放在src目录下，编译的时候会编译到calsses目录去的。在fckeditor-java-2.6-src.tar.gz里解压后java-core\src\main\resources\net\fckeditor\handlers下面有个default.properties文件，能设置的参数都在这个文件里了，内容如下XML/HTML代码##FCKeditor-ThetexteditorforInternet-#Copyright(C)2004-2010FredericoCaldeiraKnabben##==BEGINLICENSE==##Licensedunderthetermsofanyofthefollowinglicensesatyour#choice:##-GNUGeneralPublicLicenseVersion2orlater(theGPL)###-GNULesserGeneralPublicLicenseVersion2.1orlater(theLGPL)###-MozillaPublicLicenseVersion1.1orlater(theMPL)###==ENDLICENSE==##DefaultpropertiesforFCKeditor.Java##@version$Id:default.properties47852009-12-2120:10:28Zmosipov$#defaultallowedextensionssettingsconnector.resourceType.file.extensions.allowed=7z|aiff|asf|avi|bmp|csv|doc|fla|flv|gif|gz|gzip|jpeg|jpg|mid|mov|mp3|mp4|mpc|mpeg|mpg|ods|odt|pdf|png|ppt|pxd|qt|ram|rar|rm|rmi|rmvb|rtf|sdc|sitd|swf|sxc|sxw|tar|tgz|tif|tiff|txt|vsd|wav|wma|wmv|xls|xml|zipconnector.resourceType.image.extensions.allowed=bmp|gif|jpeg|jpg|pngconnector.resourceType.flash.extensions.allowed=swf|flaconnector.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#defaultresourcetypepathsconnector.resourceType.file.path=/fileconnector.resourceType.image.path=/imageconnector.resourceType.flash.path=/flashconnector.resourceType.media.path=/media#DuetosecurityissueswithApachemodules,itisrecommendedtoleavethis#settingenabled.connector.forceSingleExtension=true#baseURLpathfortheuserfilesconnector.userFilesPath=/userfiles#basesystempathonthebackendfortheuser