CodeIgniter 里集成 FCKeditor 的方法

来源：互联网发布：长度知乎编辑：程序博客网时间：2024/05/16 17:27

方法——      使用js调用。

      简单的集成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编辑器。