《2022年FCKEDITOR学习笔记 .pdf》由会员分享，可在线阅读，更多相关《2022年FCKEDITOR学习笔记 .pdf（6页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Fckeditor 学习笔记FCKeditor是目前最优秀的可见即可得网页编辑器之一，它采用 JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行，互联网上很容易找到相关技术文档，国内许多WEB 项目和大型网站均采用了FCKeditorFckeditorjava jsp 配置方法详解（以2.6 版本为例）：一：从官方网站下载fckeditor 核心文件，http:/ FCKeditor_2.6.6.zip ，会得到一个文件夹fckeditor ，全部拷贝到工 程 的 根 目 录 下 ， 只 保 留 fckconfig.js ， fckeditor
2、.js ， fckstyles.xml ， fcktempletes.xml ，fckpackager.xml 和 fckeditor 文件夹，删除所有以“ _”开头的文件和文件夹，（这是测试或demo 或是temp 文件，无用）四 ：编辑 web.xml ，加入（新版本的去掉了很多东西，用以前版本的方法，在web.xml 文件中进行参数配置已经没用了，试过很多参数都没用）XML/HTML代码FCKConnectornet.fckeditor.connector.ConnectorServlet1FCKConnector/fckeditor/editor/filemanager/connect
3、ors/*五 ： 创 建 fckeditor.properties 文 件 ，在 src 下 (编 译 之 后 处 于classes目 录 中 ) ， 加 入connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl注： default.properties 可以在 fckeditor-java-core-2.5.jar 的 netfckeditor找到六： maven 下引入所需jar，配置如下：commons-fileuploadcommons-fileupload$commons.fileupload.v
4、ersioncommons-iocommons-io名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 6 页 - - - - - - - - - $commons.io.versionorg.devlib.schmidtimageinfo1.7net.fckeditorjava-core2.6org.slf4jslf4j-api1.5.8org.slf4jslf4j-simple1.5.8配置完毕，开始使用吧1，在 前面添加如下代码XML/HTML代码script type
5、=text/javascriptsrc=/fckeditor/fckeditor.js/这 里 在 路径前面加上了 =，解决了写绝对路径的麻烦window.onload=function()var oFCKeditor = new FCKeditor( content,100%,400,Default) ;oFCKeditor.BasePath= /fckeditor/;/该路径指示fckeditor 的根路径，这里在 路 径 前 面 加 上 了 = ， 解 决 了 写 绝 对 路 径 的 麻 烦/这里 content 和下面的textarea 的 name 参数必须对应/后面依次是宽、高和工
6、具栏设置可以是Default 或 BasicoFCKeditor.ReplaceTextarea()然后在需要显示编辑器的地方插入：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 6 页 - - - - - - - - - XML/HTML代码2，这个是fckeditor-java-demo-2.6.war中本身带的例子在前插入XML/HTML代码function FCKeditor_OnComplete(editorInstance)window.status = ed
7、itorInstance.Description;表单写法如下：XML/HTML代码inputid=EditorDefaultname=EditorDefaultvalue=This is some sample text. You are using FCKeditor.type=hidden /通过以上这些配置，fckeditor 所以功能已经可以正常使用了，但如果要设置Fckeditor 的运行参数， 还得继续做一些设置工作，像编辑器的工具栏风格，按钮布局， 字体，表情图片等，都可以通过fckconfig.js 进行设置。但有些参数，如上传文件路径，文件自动重命名，等还需要用到另外一个重
8、要文件fckeditor.properties 。当然， Fckeditor 是开源的，你可以自己下载源代码，修改相应的文件，或者用别人修改好的东西。这里主要介绍一种设置的方法至于Fckconfig.js的设置方法网上有很多，这里也有一篇http:/ 文件是配置时必须的，直接放在src 目录下，编译的时候会编译到calsses目录去的。在fckeditor-java-2.6-src.tar.gz里解压后java-coresrcmainresourcesnetfckeditorhandlers 下面有个default.properties 文件，能设置的参数都在这个文件里了，内容如下XML/HT
9、ML代码# FCKeditor - The text editor for Internet - http:/# Copyright (C) 2004-2010 Frederico Caldeira Knabben# = BEGIN LICENSE =名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 6 页 - - - - - - - - - # Licensed under the terms of any of the following licenses at you
10、r# choice:# - GNU General Public License Version 2 or later (the GPL)#http:/www.gnu.org/licenses/gpl.html# - GNU LesserGeneral Public License Version 2.1 or later (the LGPL)#http:/www.gnu.org/licenses/lgpl.html# - Mozilla Public License Version 1.1 or later (the MPL)#http:/www.mozilla.org/MPL/MPL-1.
11、1.html# = END LICENSE =# version $Id: fckeditor.properties 4785 2009-12-21 20:10:28Z mosipov $# 允许上传的文件类型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|
12、swf|sxc|sxw|tar|tgz|tif|tiff|txt|vsd|wav|wma|wmv|xls|xml|zipconnector.resourceType.image.extensions.allowed = bmp|gif|jpeg|jpg|pngconnector.resourceType.flash.extensions.allowed = swf|fla|flvconnector.resourceType.media.extensions.allowed = aiff|asf|avi|bmp|fla|flv|gif|jpeg|jpg|mid|mov|mp3|mp4|mpc|m
13、peg|mpg|png|qt|ram|rm|rmi|rmvb|swf|tif|tiff|wav|wma|wmv# 上传资源默认路径connector.resourceType.file.path = /filesconnector.resourceType.image.path = /imageconnector.resourceType.flash.path = /flashconnector.resourceType.media.path = /media# 强制一个文件名只能有一个“ . ”符号# Due to security issueswith Apache modules, it
14、 is recommended to leave this# setting enabled.connector.forceSingleExtension = true# 默认的上传路径，为上下文的相对路径，设置上传后的文件链接connector.userFilesPath= /Uploadfiles# 上传文件的物理路径，相对于文件系统而言，设置上传文件的路径-basesystempath on the backend for the userfilesconnector.userFilesAbsolutePath = /Uploadfiles# 是否显示全路径connector.fullU
15、rl = false# 这个如果设置为true，则 Fckeditor 会检查目录中是否有相同的文件，如果有就# 会对这个文件进行重命名connector.secureImageUploads = true名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 6 页 - - - - - - - - - # fckeditor 相对于 Context 的路径fckeditor.basePath = /fckeditor# fckeditor 的默认高度#fckeditor.hei
16、ght = 200# 默认的工具栏#fckeditor.toolbarSet = Default# 默认的宽度#fckeditor.width = 100%#上传文件必须参数，这个参数很重要， 默认情况是disabledUserAction ，是无法上传文件的，上传会提示无权限connector.userActionImpl = net.fckeditor.requestcycle.impl.EnabledUserAction# 默认设置的几个参数connector.impl = net.fckeditor.connector.impl.ContextConnectorconnector.us
17、erPathBuilderImpl = net.fckeditor.requestcycle.impl.ContextPathBuilderlocalization.localeResolverImpl= net.fckeditor.localization.impl.AcceptLanguageHeaderResolver# 一些提示信息message.enabled_patible_browser.no= 你的浏览器不兼容！message.enabled_patible_browser.yes= 你的浏览器完全兼容！message.enabled_tag.connector.file_br
18、owsing.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 =
19、The Connector is enabledfor FileUpload至此，已经全部配置完成啦Fckeditor 域使用：/ 获取编辑器中HTML 内容function getEditorHTMLContents(EditorName)var oEditor = FCKeditorAPI.GetInstance(EditorName);return(oEditor.GetXHTML(true);/ 设置编辑器中内容function SetEditorContents(EditorName, ContentStr) var oEditor = FCKeditorAPI.GetInstanc
20、e(EditorName);oEditor.SetHTML(ContentStr);/ 获取编辑器中文字内容function getEditorTextContents(EditorName)var oEditor = FCKeditorAPI.GetInstance(EditorName);return(oEditor.EditorDocument.body.innerText);遇到问题及解决方法：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 6 页 - - - - - - - - - FCKeditorAPI未定义问题：改问题是由于在调用该类的时候fckeditor 组件还没有加载完成引起，可以把要执行的方法放在下面的函数中执行functionFCKeditor_OnComplete()/要执行的操作名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 6 页 - - - - - - - - -