简单的集成fck无非3步,第一:包含fck的核心文件;第二:配置
fck基本参数,如长度、宽度、fck路径等。第三:在需要显示fck
的地方调用fck即可。
光说不练不行,翠花,上代码......
我下载了个ci1.7.1,配置好config.php中的路径。
在其中controller中的本来有的welcome.php文件,加入一个方法代码如下。
function display_fck(){
$this->load->view('display_fck');
}
就是来显示view层的一个函数。 然后我们来到views层中的display_fck.php
按照前面说的3个步骤,第一步是包含fck的核心文件。首先我们将下载好的fckeditor文件包,放置在跟ci的system文件夹同一个目录,就是和index.php在一起的。
然后来到display_fck.php在<head>部分加上如下代码:
<script src="<?php echo base_url()?>fckeditor/fckeditor.js" language="javascript"></script>
这里使用了ci中的base_url(),所以还需要在welcome.php中加载$this->load->helper('url');
我这里顺便讲下ci中的路径问题,这是每个新手不可回避的问题。视图层中第一次引用外部文件的时候,它的路径都是相对于index.php来讲的所以要使用绝对路径。。用base_url()可以很好的解决这个问题。所谓第一次引用外部文件是什么意思呢。比如我说现在一个view页面里面引用的style.css这个css的路径要相对于index.php,如果style.css文件中还需要引用其他图片文件或者其他css,这里我称为第二次引用,第二次引用可以使用相对路径,并且最好使用相对路径。base_url()在style.css代码里面是不能使用的。
现在继续回到fck完成了第一步包含fck核心文件,现在进入第二步,配置fck基本参数。
代码如下:
<script>
var myfck = new FCKeditor('content'); //实例化fck
myfck.Width = 600; //配置fck参数
myfck.Height = 300;
myfck.BasePath = '<?=base_url()?>fckeditor/';
</script>
这一步就是设置fck的宽度、高度还有基本路径的,大家应该一看就明白了的。
第三步,调用fck。代码也很简单。
<script language="javascript">
myfck.Create();
</script>
在你需要显示fck编辑器的地方加上这段代码即可。
访问http://127.0.0.1/ci_fck/index.php/welcome/display_fck 既可看到fck编辑器。