CodeIgniter 裏集成 FCKeditor 的方法

方法——      使用js調用。
    
      簡單的集成fck無非3步,第一:包含fck的核心文件;第二:配置
fck基本參數,如長度、寬度、fck路徑等。第三:在需要顯示fck
的地方調用fck即可。

     光說不練不行,翠花,上代碼......
     我下載了個ci1.7.1,配置好config.php中的路徑。
    在其中controller中的本來有的welcome.php文件,加入一個方法代碼如下。
   

  1. function display_fck(){
       $this->load->view('display_fck');
      }

就是來顯示view層的一個函數。 然後我們來到views層中的display_fck.php
按照前面說的3個步驟,第一步是包含fck的核心文件。首先我們將下載好的fckeditor文件包,放置在跟ci的system文件夾同一個目錄,就是和index.php在一起的。
然後來到display_fck.php在<head>部分加上如下代碼:

  1. <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基本參數。
代碼如下:

  1. <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編輯器。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章