簡單的集成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編輯器。