[1.5.4]为CodeIgniter的发展添砖加瓦之使用fckeditor
添加新内容用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对象了,在你要显示编辑器的地方加入下面的代码:<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’]就能得到输入的值了。
编辑原有的内容
首先在头部加入:<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>
参数上面已经解释过,这里就不重复了。
将下面这段代码加到要显示编辑器的地方:
<div>
<textarea name="info" rows="10" cols="80" style="width: 100%; height: 200px">要修改的内容</textarea>
</div> 将要修改的内容放入<textarea></textarea>之间就行了,编辑完以后用$_POST[‘info’]就能得到修改过的内容了,剩下的就是入库了。
好了,本人水平有限,就写这些吧,希望对大家有帮助!最后祝CodeIgniter越做越好! 写的非常棒!加分! 好文章,支持楼主~~~ 比PHP服务端的配置简单来得快,
服务端在CI中一般还不好加载呢
还是客户端爽。。。
这个贴,好,加分。。 我一般只使用 js 加载 fckeditor,和服务器端没关系。呵呵。 :lol 好东西,支持了 :lol :lol 东西,支持了 这样支持图片上传否恩? 怎么无法先是出来编辑框呢?
按照楼主说的方法,加入了js,调用js,结果还是出现不了fck的编辑框呢?楼主有没有少些什么内容??
或者楼主能否将你该页的内容全部粘贴出来呢?多谢楼主了。
晚上回家再研究一下。 不错不错,很不错!
看之前先顶下!!!
页:
[1]
2