使用FCKeditor编辑器总结

下载下来的FCKeditor2.23版本编辑器,解压后直接可以放在Tomcat底下的webapps,然后启动Tomcat,然后地址栏就访问http://localhost:8888/fckedit/index.jsp.就可以正常显示了。
但要把它用到自己的工程当中的用法如下:
首先:把FCKeditor整个文件复制到工程的/WebRoot目录底下。
其次:将编辑器lib底下的包commons-fileupload、FCKeditor-2.3、serializer、xalan和FCKeditor.tld文件都复制到/WebRoot/WEB-INF/lib目录下。
最后:将编辑器底下的web.xml文件内容复制到工程的web.xml里面,还要改里面的路径,修改后如下:
[align=left]1处:<init-param>
<param-name>baseDir</param-name>
<!-- 此为文件浏览路径 -->
<param-value>/FCKeditor/UserFiles/</param-value>
</init-param>
2处: <init-param>
<param-name>baseDir</param-name>
<!-- 此为文件上传路径,需要在WebRoot 目录下新建 UserFiles 文件夹 -->
<!-- 根据文件的类型还需要新建相关的文件夹 Image、 Flash -->
<param-value>/FCKeditor/UserFiles/</param-value>
</init-param>
<init-param>
3处:
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern>
</servlet-mapping> [/align]

FCKeditor编辑器在JSP上的应用:
1.jsp页面加上:<%@ taglib uri="/WEB-INF/FCKeditor.tld" prefix="fck"%>
2. <html:hidden property="aa"/>
<fck:editor id="aa" basePath="/工程名/FCKeditor/" width="600" height="350"
skinPath="/工程名/FCKeditor/editor/skins/office2003/" toolbarSet="Default">
</fck:editor>

1.在用编辑器过程出现乱码问题:
解决如下:用过滤器处理(可以去网上找相关的过滤器代码或自己写),记着还要在web.xml里面要配置过滤器。

2.编辑器里头要改字体的方法:
步骤1:找到fckconfig.js文件:查找FCKConfig.FontNames=“这里面写你想要的字体,比如宋体、黑体等等”;但是这里面不能写成中文的要进行编码转换,不然在页面上会出现乱码问题。如FCKConfig.FontNames=“宋体,黑体“编码转换后变成FCKConfig.FontNames='\u5b8b\u4f53;\u9ed1\u4f53‘;
步骤2:还要改fck_editorarea.css里面的body, td
{
font-family:宋体, 黑体, 幼圆, 隶书, 楷体_GB2312, 仿宋_GB2312,Arial,Comic Sans MS,Courier New,Tahoma,Times New Roman,Verdana; }不然在编辑器上使用没有效果。
3.编辑器里头改字体的大小方法:
找到fckconfig.js文件:查找FCKConfig.FontSizes=“写你字体大小,用数字形式”如:FCKConfig.FontSizes="12,20,30``"
但FCKConfig.FontSizes=“初号,一号,二号”这种在编辑器页面上没有效果,不知道怎么改。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值