CKEditor和CKfinder的使用方法

CKEditor和CKfinder的使用方法一．需要的资源将上述的包都解压分别的到一．解压ckfinder中的二．从解压后的文件中找到WEB-INF/lib中如下的包：添加到项目的lib包中。

三．将ckeditor-java-core中的添加到开发项目的lib文件夹下。

四．ckfinder\_source\CKFinder for Java\CKFinder\src\main\java下的拷贝到项目的src下。

五．将\ckfinder下的（都是js没有java）放到webroot下。

六．将直接考到webroot下。

七．\ckfinder\WEB-INF下的文件拷贝到开发项目的WEB-INF下。

八．修改config.xml注意：要加项目名的地方有三处，另外两处如下：九．在web.Xml中添加<servlet><servlet-name>ConnectorServlet</servlet-name><servlet-class>com.ckfinder.connector.ConnectorServlet</servlet-class><init-param><param-name>XMLConfig</param-name><param-value>/WEB-INF/config.xml</param-value></init-param><init-param><param-name>debug</param-name><param-value>false</param-value></init-param><load-on-startup>1</load-on-startup></servlet><servlet-mapping><servlet-name>ConnectorServlet</servlet-name><url-pattern>/ckfinder/core/connector/java/connector.java</url-pattern></servlet-mapping><filter><filter-name>FileUploadFilter</filter-name><filter-class>com.ckfinder.connector.FileUploadFilter</filter-class><init-param><param-name>sessionCookieName</param-name><param-value>JSESSIONID</param-value></init-param><init-param><param-name>sessionParameterName</param-name><param-value>jsessionid</param-value></init-param></filter><filter-mapping><filter-name>FileUploadFilter</filter-name><url-pattern>/ckfinder/core/connector/java/connector.java</url-pattern></filter-mapping><session-config><session-timeout>10</session-timeout></session-config>十一.在ckeditor/下的中添加如下的代码：// Define changes to default configuration here. For example:// nguage = 'fr';// config.uiColor = '#AADC6E';//nguage = 'zh-cn'; // 配置语言// config.uiColor = '#fff'; // 背景颜色//config.width = '800px'; // 宽度//config.height = '300px'; // 高度// config.skin = 'office2003';// 界面v2,kama,office2003// config.toolbar = 'Full';// 工具栏风格Full,Basic// config.font_names='宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;' +// '隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+ config.font_names;// config.htmlEncodeOutput = true;//config.startupOutlineBlocks = false;//配置默认配置nguage = 'zh-cn'; //配置语言config.uiColor = '#FFF'; //背景颜色config.width = 400; //宽度config.height = 400; //高度config.skin = 'office2003'; //编辑器皮肤样式// 取消“拖拽以改变尺寸”功能config.resize_enabled = false;// 使用基础工具栏//config.toolbar = "Basic";// 使用全能工具栏//config.toolbar = "Full";//使用自定义工具栏config.toolbar =[['Source', '-'],['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', ],['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'],['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley','SpecialChar','PageBreak'],'/',['Bold', 'Italic', 'Underline', '-', 'Subscript', 'Superscript'],['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'],['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],['Link', 'Unlink', 'Anchor'],'/',['Format', 'Font', 'FontSize'],['TextColor', 'BGColor'],['Maximize', 'ShowBlocks', '-', 'About']];如果strust.xml配置了命名空间就要加点。

一层命命名空间就加一个点，两层就加两个点。

例如我的命名空间是/system,所以我加了一个点。

/***文件上传功能的配置-----------------------*/config.filebrowserBrowseUrl = '../ckfinder/ckfinder.html';config.filebrowserImageBrowseUrl ='../ckfinder/ckfinder.html?type=Images';config.filebrowserFlashBrowseUrl = '../ckfinder/ckfinder.html?type=Flash';config.filebrowserUploadUrl ='../ckfinder/core/connector/java/connector.java?command=QuickUpload&type= Files';config.filebrowserImageUploadUrl ='../ckfinder/core/connector/java/connector.java?command=QuickUpload&type= Images';config.filebrowserFlashUploadUrl ='../ckfinder/core/connector/java/connector.java?command=QuickUpload&type= Flash';十二．在需要显示的页面引入俩个重要的js十三．在要添加编辑器的地方添加代码：注意：防止上传的文件被struts转发，必须修改如下的代码，使得提交的内容走刚刚配置的servlet，而不是走struts。