《软件编程（Java方向）》课件 单元五 FCKeditor组件技术.pptVIP

教学导航学习目标知识目标1、什么是FCKeditor2、FCKeditor组件的使用3、FCKeditor组件的配置4、FCKeditor对象的属性能力目标1、能够在页面上正确的添加FCKeditor组件；2、能够正确的配置和使用FCKeditor组件；重点难点配置FCKeditor组件使用FCKeditor组件任务简介在页面上正确的使用FCKeditor组件并获得组件上输入的内容。知识准备一、什么是FCKeditorFCKeditor是一个专门使用在网页上的在线编辑器，属于开放源代码的所见即所得文字编辑器，可以让web程序拥有如MSWord这样强大的编辑功能。它志于轻量化，不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。知识准备二、FCKeditor组件的使用第一步：下载FCKeditor组件。第二步：在lib下添加JAR包Commons-fileuploadr.jar：用于文件上传下载Fckeditor-java-2.3.jar：使用fckeditor所用到的核心jar包知识准备二、FCKeditor组件的使用第三步：将fckeditor的资源文件夹editor复制到webRoot下，将FCKeditor.tld文件复制到WEB-INF文件夹下，将fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml四个文件复制到WebRoot文件夹下第四步：创建自定义标签%@tagliburi=/WEB-INF/FCKeditor.tldprefix=FCK%第五步：在页面上引用FckEditorfck:editorid=testfckbasePath=/FCKeditor/”/FCK:editorbasePath:以‘/’开头，‘/’代表当前工程的路径，所以使用默认即可id：必须指定知识准备二、FCKeditor组件的使用第六步：web.xml文件的配置servletservlet-nameConnector/servlet-nameservlet-classcom.fredck.FCKeditor.connector.ConnectorServlet/servlet-class/servlet知识准备三、FCKeditor组件的配置fckconfig.js为fckdeitor的主要配置文件，包含所有可配置的信息1.可以直接修改主配置文件fckconfig.js2.定义单独的配置文件覆盖fckconfig.js文件知识准备三、FCKeditor组件的配置1.Fckeditor默认语言是英文的，可以把它改成中文的。在自己的配置文件中，加入下面两句话：FCKConfig.AutoDetectLanguage=false;FCKConfig.DefaultLanguage=zh-cn;2.定义皮肤；Fckeditor默认的皮肤改成office2003的皮肤。在自定义的配置文件中加入：FCKConfig.SkinPath=FCKConfig.BasePath+skins/office2003/;知识准备三、FCKeditor组件的配置3.Fckeditor中，按Shift+Enter默认是换行，按Enter默认是一个段落，修改需要在自定义的配置文件中，加入下面这两句话：FCKConfig.EnterMode=br;?FCKConfig.ShiftEnterMode=p;知识准备三、FCKeditor组件的配置4.自定义表情：将fckeditor/editor/fck_image.html中的body改成bodyscroll=“no”style=“overflow:hidden”后在自定义配置文件中加入：FCKConfig.SmileyPath?=FCKConfig.BasePath+images/smiley/taobao/;知识准备三、FCKeditor组件的配置在fckeditor/images/smiley/下建立一个表情目录，FCKConfig.SmileyImages??=[0.gif,086.gif,01.gif,02.gif,03.gif,04.gif,05.gif,06.gif‘,07.gif,08.gif,09.gif,010.gif,011.gif,012.gif,013.gif‘,014.gif‘]