fckeditor控件入门.doc

fckeditor控件请到官方网站下载，本例主要用到FCKeditor_2.6.3.zip、fckeditor-java-demo-2.4.1.zip、fckeditor-java-2.4.1-bin.zip里面的一些内容，读者可以自行下载。1、解开压缩包FCKeditor_2.6.3.zip，将其中的fckeditor文件夹复制到WEB-INF下面，后面可以直接使用。2、在页面中使用FCKeditor有两种方式。方式一：JavaScript的方式(1)直接使用，见method1.html !DOCTYPE?HTML?PUBLIC?-//W3C//DTD?HTML?4.01?Transitional//EN html ??head ????script?type=text/javascript?src=fckeditor/fckeditor.js/script ??/head ??body ??方法一：通过JavaScript来实现的实现编辑器导入br ????script?type=text/javascript ????????var?oFCKeditor?=?new?FCKeditor(FCKeditor1)?; ????????oFCKeditor.BasePath?=?fckeditor/; ????????//oFCKeditor.BasePath???=?/FCKEditTest/fckeditor/; ????????oFCKeditor.Width=50%; ????????oFCKeditor.Height=400; ????????oFCKeditor.Value=initial?value; ????????//oFCKeditor.ToolbarSet=Basic; ????????//默认是default ????????oFCKeditor.ToolbarSet=Default; ????????oFCKeditor.Create()?; ????????/script ????????hr ??/body /html (2)通过Textarea，祥见method2.html !DOCTYPE?HTML?PUBLIC?-//W3C//DTD?HTML?4.01?Transitional//EN html ??head ????script?type=text/javascript?src=fckeditor/fckeditor.js/script ???script?type=text/javascript ????window.onload=function(){ ????????var?oFCKeditor?=?new?FCKeditor(MyTextarea)?; ????????oFCKeditor.BasePath?=?fckeditor/; ????????//oFCKeditor.BasePath???=?/FCKEditTest/fckeditor/; ????????oFCKeditor.ReplaceTextarea(); ????????} ????/script ??/head ????body ????方法二：通过Textarea来实现的实现编辑器导入br ????textarea?rows=4?cols=60?name=MyTextareathis?is?a?value/textarea ??????/body /html 方式二：在标签使用FCKeditor在使用标签之前，需要搭建环境。将 fckeditor-java-2.4.1-bin.zip包中的fckeditor-java-core-2.4.1.jar、 commons- fileupload-1.2.1.jar、commons-io-1.3.2.jar、slf4j-api-1.5.2.jar以及包 fckeditor-java-demo-2.4.1.zip中的slf4j-simple-1.5.2.jar复制到lib目录下，并构建环境。构建完后，就可以在JSP页面中进行使用。祥见页面method_jsp.jsp %@?page?language=java?import=java.util.*?pageEncoding=utf-8% %@?taglib?uri=?prefix=FCK% !DOCTYPE?HTML?PUBLIC?-//W3C//DTD?HTML?4.01?Transitional//EN html ??head ????titlemethod_jsp.jsp/title ??/head ??body? ???????早些版本必需将fckeditor的Value属性必需指定对应的值