將FCKeditor匯入PHP+SMARTY的實現方法_php技巧

來源:互聯網
上載者:User

本文執行個體講述了將FCKeditor匯入PHP+SMARTY的實現方法。分享給大家供大家參考。具體分析如下:

提取Fckeditor時,採用如下,PHP用$_POST['p_info']得到FCKeditor的值.

補充:

1 .此處basepath 的路徑一定要和上面include的路徑一樣.否則會找不到檔案

另外,對於這個輸入內容的變數,如果要把它存入資料庫教程,它的變數名為你建立對象的名字.例如上面就是 "p_info".

2. 在FCKeditor/_samples/裡面有個php教程調用的例子.如simples01.php和sampleposteddata.php這兩個.後面那個檔案是輸出變數名的php程式,通過這個程式可以得到文本輸入框內容的變數名.

3. 配置 FCKeditor的toolbar功能按鈕可以很容易地進行定製,你可以依據你的需要在FCKeditor的設定檔FCKeditor/fck_config.js中進行定製一個功能按鈕對應一個唯一的名稱.

在fck_config.js中預設情況下已經設定好三種toolbar樣式:Default(包含全部功能),Accessibility和Basic.

讓我們先來看看toolbar樣式的定製格式:

複製代碼 代碼如下:
config.ToolbarSets["ToolBarSetName"] = [ // Toolbar名 
['Item 1','Item 2','-','Item 3','Item n'], // Toolbar第一行 
['Item 4','-','Item 5','Item 6','Item n'] // Toolbar第二行 
];

這裡'-'的作用是建立一個分割條.

執行個體代碼如下:

複製代碼 代碼如下:
<?php
$BasePath = "../include/FCKeditor/" ;
include( $BasePath . "fckeditor.php" );
     $fck = new FCKeditor ( 'p_info' ) ;//建立對像
     $fck -> BasePath     = $BasePath ;//Fckeditor所在的位置
     $fck -> ToolbarSet     = 'News' ;//News為自訂的Fckeditor工具列名稱
     $fck -> Width         = '700' ;//長度
     $fck -> Height         = '350' ;//高度
     $fck -> Config [ 'AutoDetectLanguage' ]     = false ;//語言自動檢測
     $fck -> Config [ 'DefaultLanguage' ]= 'zh-cn' ;//語言
     $content = $fck -> CreateHtml ();//建立Fckeditor指令檔
     $smarty -> assign ( 'content' , $content );
     $smarty -> display ( "fck.tpl" );
?>

在smarty的檔案中需要顯示的地方:
複製代碼 代碼如下:
<tr align="left">
<td colspan="2" valign="top" bgcolor="#F5F5F5" class="font12en">
<{$content}> 
</td>
</tr>

預設的Default包含了FCKeditor的全部功能,個人感覺有些功能用不上,完全載入還會影響顯示速度,所以我簡化了一下,只載入了一些常用的功能:

開啟FCKeditor/fck_config.js檔案:

使用時只需把

複製代碼 代碼如下:
$oFCKeditor->ToolbarSet = 'Default'
改為:
複製代碼 代碼如下:
$oFCKeditor->ToolbarSet = 'www'
即可,最後,我們把FCKeditor目錄下所有以底線“_”開頭的目錄都刪掉以節省空間的,如_test._samples.

希望本文所述對大家的php程式設計有所協助。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.