fckeditor学习笔记

《fckeditor学习笔记》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、传智播客fckeditor学习笔记教师：汤阳光1_演示使用了FCKeditor的论坛(1)官方网站：http://www.fckeditor.net(2)所见即所得的编辑器2_资料下载及介绍(1)查看当前版本，查看demo，docs(2)进入download，需要下载FCKeditor_2.6.3.zip，这是用javascript编写在客户端使用的，如果需要使用服务器端功能，如文件上传，需要下载FCKeditor.Java：可以下载fckeditor-java-2.4.1-bin.zip ,源文件包：fckeditor-java-2.4.1-sr

2、c.zip，以及演示：fckeditor-java-demo-2.4.1.war (3)解压FCKeditor_2.6.3.zip和fckeditor-java-2.4.1-bin.zip，在FCKeditor_2.6.3文件夹下提供了例子：_samplesdefault.htm，可以右键查看源文件以参考使用方法；在fckeditor-java-2.4.1-bin解压后的文件夹中的site/index.html为文档；可以复制fckeditor-java-demo-2.4.1.war到tomcat下，打开例子程序，此时查看源代码应该进入jsp目录

3、下查看相应的jsp文件(4)可以通过Eclipse的ProjectDeployments窗口、点中某个已经部署的项目，点击Borwse来打开对应的部署目录3_安装与通过JavaScript调用FCKeditor的两种方法(1)新建javaweb工程test，同时打开网站文档：Developer’sGuide(2)查看Installation，把fckeditor-java-2.4.1-bin.jar解压后的文件夹中的fckeditor文件夹拷贝到工程的webroot文件夹下(3)Fckeditor的调用方式有两种：通过JavaScript调用，或者

4、在jsp中通过自定义标签调用(4)通过JavaScript调用,可以参考附带的例子或者文档:例子可以在_samples/default.Html中右键查看源代码，文档可以看Integration下的JavaScript。(5)新建test1.html，测试第1种方法。引入js文件后，拷贝文档中的代码时注意：oFCKeditor.BasePath="/fckeditor/";其中/fckeditor/指的是http://localhost:8080/fckeditor/，应修改为http://localhost:8080/test/fckeditor

5、/,因此修改该句为oFCKeditor.BasePath="/test/fckeditor/";或者也可以使用相对路径，oFCKeditor.BasePath="fckeditor/";另外"/test/fckeditor/"一定要以斜线结尾，否则出错(1)新建test2.html，测试第2种方法.引入js文件后，拷贝文档中的代码,同样修改oFCKeditor.BasePath语句，引入thisisthedefault,要求

6、name或者id属性与varoFCKeditor=newFCKeditor('MyTextarea')中指定的名字一致(2)结论：BasePath一定要正确设置，一定要以"/"结尾(3)FCKeditor属性：(4)通过设置这些属性，在test1.Html中进行测试(5)varFCKeditor=function(instanceName,width,height,toolbarSet,value)，instanceName是为编辑器输出的textarea元素的name属性的值，必须指定；其他各参数可以指定或不指定，指定则会赋值给同名属性4_在js

7、p中通过自定义标签调用FCKeditor(1)在jsp中通过自定义标签调用FCKeditor(2)两个地方可以参考：fckeditor-java-demo-2.4.1.war，以及文档:fckeditor-java-2.4.1-bin解压后的文件夹中的site/index.html为文档，看Reference下的taglib(3)注意不要用鼠标点右键方式查看源码，要直接看jsp文件(4)建立editor.jsp，拷贝jar包到web-inflib下:fckeditor-java-2.4.1-binfckeditor-java-2.4.1fck

8、editor-java-core-2.4.1.jar，以及fckeditor-java-2.4.1-binfckedit