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. 不错不错。支持你了

说点什么吧




wireless earbuds moscow mule mugs bluetooth speakers waterproof camera best wireless earbuds best vacuum cleaner best drugstore foundation best dishwasher best waist trainer wireless headphones best vacuum 0594918 best bluetooth earbuds waterproof bluetooth speaker tattoo cover up action camera
订阅本站