FCKEditor(文本编辑器)配置及其使用

最新推荐文章于 2016-07-29 14:05:18 发布

yujianhuo

最新推荐文章于 2016-07-29 14:05:18 发布

阅读量246

点赞数 1

文章标签： fckeditor 文本编辑测试开发工具文档 function

本文链接：https://blog.csdn.net/yujianhuo/article/details/6499551

版权

FCKEditor编辑器功能确实很强大，比WP自带的要强大很多，不过文件也很大，有1M多。如果你想扩充一下WP编辑器的功能，这个FCKEditor for WP Plugin是个不错的一个选择，你可以从直接从FCKEditor网站下载这个插件。插件安装完毕后，在WP后台启用FCKEditor插件，那么WP原来的编辑器就直接被FCKEditor取代了，很方便。

1、首先，介绍FCKEditor的使用过程，

在FCKEditor的官方网站下载FCKEditor的相关文件 http://ckeditor.com/ 找到FCKeditor 2.6.6.zip文件，进行下载。

把解压好的文件放到工程中的/WEB-INF目录下，在参考它的帮助文档_documentation.html这个文件，里面有个地址参考设置。

在这里我就不多说了，只讲他的简单操作步骤：

Step1：安装好后测试FCKeditor是否被加载，下面是测试路径

注意：如果出错一般是路径错误

一般在你的工程里测试一般是这样http://localhost:8080/项目名称/放在项目中的fckeditor文件名/_samples/default.html 这样就可以了。

Step2：在jsp中的相关配置，参照官方网站的相关帮助文档，做一下简单的阐述

首先，导入FCKEditor的js文件，放到《head》里面

再，引入他的配置，也放到<head>里面

         注意：是在原有的textarea的基础之上建立的，
<script type="text/javascript">
            window.onload = function()
                {
                 var oFCKeditor = new FCKeditor( 'MyTextarea' ) ; // 你的textarea的name名字
                  oFCKeditor.BasePath = "/项目名字/fckeditor/" ;
                 oFCKeditor.ReplaceTextarea() ;
        }
</script>

到这里FCKEditor的基本配置就算完成了，

2 、下面在讲一下FCKEditor 添加中文格式，及字体

首先，就要做到就是修改FCKEditor 的js配置文件，找到fckconfig.js这个文件，（最后保存时一定要保存为UTF-8格式）使用UltraEdit编辑器打开，（有关该工具的使用在下一篇会讲解的）打开后找到他们两个替换就可以了

FCKConfig.FontNames = '宋体;黑体;幼圆;楷体_GB2312;仿宋_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
FCKConfig.FontSizes = '10px;12px;14px;16px;18px;22px;26px;28px;32px;64px' ;

更多的资料详情，请访问官方网站 http://ckeditor.com/

也可以在线和我交流，欢迎啊，

我最终的目的就是让大家省事省力的快速的掌握编程的相关操作，及其快速开发工具！

我的QQ422059475 欢迎在线交流！