[1.5.4]为CodeIgniter的发展添砖加瓦之使用fckeditor

yzxh24

   添加新内容

    用CI已经有几天了，感觉很不错，很喜欢它的语法，现在正在用他帮朋友做一个bt发布站，由于要添加电影的剧情介绍，所以用到了fckeditor，途中遇到了点小问题，在Hex的帮助下都一一解决了，为了方便以后使用CI的朋友少走弯路，特把他写下来，当作个笔记好了。

    首先下载fckeditor，下载地址：www.fckeditor.net。

    解压后将fckeditor拷贝到系统的根目录下去，比如我的站是在http://localhost/bt下，跟system目录同级。

    然后打开要用到fck的模板文件（就是位于system/application/views下的文件），然后再模板文件头部加入<script type="text/javascript" src="http://localhost/bt/fck/fckeditor.js">，将http://localhost/bt替换成你自己的网站路径就行了。（注意：这里我们用的是js的调用模式，当然还有别的模式，不过我试验老是通不过^_^）

    接下来就是初始化fck对象了，在你要显示编辑器的地方加入下面的代码：

JS复制代码

<script type="text/javascript">
var fck = new FCKeditor('info');
fck.Width = "80%";
fck.Height = 300;
fck.BasePath = "http://localhost/bt/fck/";
fck.Create();
</script>

复制代码

      Fck就是一个fckeditor类的实例， fck.Width = "80%" 和 fck.Height = 300分别设置编辑器显示时的宽和高，fck.BasePath = http://localhost/bt/fck/就是编辑器存放的路径，这里我是把它放到了http://localhost/bt/fck目录下了。

    现在运行一下程序，编辑器是不是已经显示出来了。^_^

    剩下的只要在程序中使用$_POST[‘info’]就能得到输入的值了。

   编辑原有的内容

    首先在头部加入：

HTML复制代码

<script type="text/javascript" src="http://localhost/bt/fck/fckeditor.js"></script>
<script type="text/javascript">
window.onload = function()
{
var fck = new FCKeditor('info');
fck.Width = "80%";
fck.Height = 300;
fck.BasePath = "http://localhost/bt/fck/";
fck.ReplaceTextarea() ;
}
</script>

复制代码

    参数上面已经解释过，这里就不重复了。

    将下面这段代码加到要显示编辑器的地方：

HTML复制代码

<div>
<textarea name="info" rows="10" cols="80" style="width: 100%; height: 200px">要修改的内容</textarea>
</div>

复制代码

    将要修改的内容放入<textarea></textarea>之间就行了，编辑完以后用$_POST[‘info’]就能得到修改过的内容了，剩下的就是入库了。

    好了，本人水平有限，就写这些吧，希望对大家有帮助！最后祝CodeIgniter越做越好！

Hex

写的非常棒！加分！

jianlei

好文章,支持楼主~~~

fyp83

比PHP服务端的配置简单来得快，
服务端在CI中一般还不好加载呢
还是客户端爽。。。

这个贴，好，加分。。

Hex

我一般只使用 js 加载 fckeditor，和服务器端没关系。呵呵。

寂寞天涯

好东西，支持了

moonster

东西，支持了

ShenStone

这样支持图片上传否恩？

ShenStone

怎么无法先是出来编辑框呢？

按照楼主说的方法，加入了js，调用js，结果还是出现不了fck的编辑框呢？楼主有没有少些什么内容？？

或者楼主能否将你该页的内容全部粘贴出来呢？多谢楼主了。

晚上回家再研究一下。

chouqiuqiu

不错不错，很不错！
看之前先顶下！！！