FCkeditor 使用方法

十一月 01
磊子 2011年 1条评论

Ckeditor我想对于一些代码工作者来说并不陌生,简单的说它就是是一个开源文字编辑器。轻量化,不需要太过复杂的安装步骤。而且功能丰富,支持多种语言。并且wordpress也有相关的插件,比如Dean’s FCKEditor For WordPress 就是一款不错的wordpress插件,喜欢的朋友可以去看看。 今天主要说下 FCkeditor 外部使用的方法。

首先当然是去官网把文件包下载下来,选择第一个CKEditor. 然后解压后里面有个_samples的文件夹,这个便是它的例子(运行的时候记得放在php环境下面),它的使用方法有很多种大家可以根据自己的需求来选择。

我这里主要说一下使用php来调用编辑器。

首先把文件包放到你需要用到的地方,然后在你所要调用的文件夹中 加入textarea文本域后在它的下面写入调用代码

basePath = '../../'; //这里也是根据你的具体情况来指定
// 最后将目前的 textarea 进行替换 可以是ID号也可以是Name名称.
$CKEditor->replace("myeditor"); //我这里的myeditor 是 textarea 的ID号,
你可以换成你自己的!
?>

这样你的textarea就替换成ckeditor编辑器了,是不是挺方便的! 如果你有多个textarea的话只需要将上面的$CKEditor->replace(“myeditor”);里面的replace换成$CKEditor->replaceAll();就可以了!效果图贴出来:

有时候我们并不需要太多的功能显示在工具条,所以我们需要使用它的自定义方法,代码如下:

<?php
// 自定义工具栏 根据你的需要来进行添加
$config['toolbar'] = array( array( 'Source', '-', 'Bold', 'Italic',
'Underline', 'Strike' ), array( 'Image', 'Link', 'Unlink', 'Anchor' ) );
//自定义皮肤
$config['skin'] = 'v2';
//自定义宽度
$CKEditor--->config['width'] = 600; //当然还有高度什么的。
//自定义内容
$initialValue = '这是一个测试';
//创建.
echo $CKEditor-&gt;editor("这是填写textarea的ID号", $initialValue, $config);
?>

自定义Fckeditor编辑器按钮

如果需要修改默认语言可以在ckeditor文件中找到config.js,把config.language = ‘en’; 改成自己需要的语言就可以了,默认的话这个是注释掉得。

这里只是为大家说了下在php中调用Ckeditor.它还有很多方法(使用JS调用或者asp,java等等),我在这里就不一一讲了。具体的还需要大家看它里面的_simple样例文件.

补充一下关于自定义工具栏,我这里只是写了举了一些,还有更多的工具栏名称在Ckeditor文件目录中的_source/plugins/toolbar/plugin.js 的第451行开始,而中文包在Ckeditor文件目录中的lang/zh-cn.js 中,大家找到之后只要对应的一搜,就知道是什么意思了 。当然了如果英文好的话,咱就不说了,呵呵!

» 版权所有©转载必须以链接形式注明作者和原始出处:磊子的博客 » FCkeditor 使用方法
» 地址:( Ctrl+C 复制 )
» 如果对本站感兴趣,请到网站右下方订阅本站,将为你带来更多精彩和实用的文章
» 如果您对这篇文章感兴趣,不妨小小的 捐助(Donate)一下博主吧,不管多少都是对博主最大的支持和鼓励哟,博主-磊子感谢大家的支持!!!

1 条留言 其中:访客:1 条, 博主:0 条

  1. 不错不错。支持你了

说点什么吧




订阅本站