ThinkPHP中FCKeditor編輯器的使用方法

2024-09-06 19:16:54

字體：大中小

供稿：網(wǎng)友

而且可以用直接上傳和ajax兩種方式處理內(nèi)容。為了給一些還沒能成功地集成fckeditor的同儕們一些啟發(fā)與幫助，
茲將我的經(jīng)驗與體會描述如下：應(yīng)用目的：將FCKeditor編輯器集成到Thinkphp中，使用戶能夠在線像編輯Word一樣處理即將發(fā)表的文字與圖像。
應(yīng)用軟件與環(huán)境：apache服務(wù)器2.0以上版本，PHP版本5.0以上，mysql5.0以上；Thinkphp版本1.5或以上，F(xiàn)ckeditor版本2.x。
應(yīng)用步驟：
1、下載FCKeditor2.x版本，將解壓后的文件夾FCKeditor復(fù)制到ThinkPHP文件夾下的Vendor目錄下，以便符合THinkPHP的第三方類庫引入規(guī)則。
2、修改參數(shù)：
首先，用EditPlus等軟件打開FCKeditor目錄下的fckeditor_php5.php文件，找到第130行。出現(xiàn)內(nèi)容如下：

復(fù)制代碼代碼如下:

 
public function __construct( $instanceName ) 
{$this->InstanceName = $instanceName ; 
$this->BasePath= ' ' ; 
$this->Width = '900′; 
$this->Height = '400′; 
$this->ToolbarSet = 'Default' ; 
$this->Value = ' '; 
$this->Config = array() ; 
} 
public function __construct( $instanceName ){$this->InstanceName = $instanceName ; 
$this->BasePath = '/bm/ThinkPHP/Vendor/FCKeditor/' ;$this->Width = '900′;$this->Height = '400′; 
$this->ToolbarSet = 'Default' ;$this->Value = ”; 

其中，最關(guān)鍵的就是將Basepath設(shè)置好。
里面填寫的就是fckeditor_php5.php文件相對于網(wǎng)站文檔根目錄（document root）的路徑。
其實這就是用以表征FCKeditor編輯器相對根目錄的路徑。比如服務(wù)器的文檔根目錄最下級是htdocs/或www/，
項目名為project,project項目文件夾下有Thinkphp系統(tǒng)文件包與項目文件包myapp。而且服務(wù)器沒有對該項目設(shè)置虛擬主機的話，
此時的文檔根目錄仍是www/或htdocs/,那么應(yīng)該是$this->BasePath='/project/ThinPHP/Vendor/FCKeditor/';
若是設(shè)置了虛擬主機，即將project變?yōu)樘摂M的文檔根目錄，通過某一域名能夠直接訪問網(wǎng)站項目的話，那么此時，
$this->BasePath='/ThinPHP/Vendor/FCKeditor/';
其他的參數(shù)如寬度與高度可以填或不填，若填下的話就是編輯器的默認高與寬。InstanceName是編輯器所在標簽的id與name，此時不用理會。其他參數(shù)也不用理會。
其次，在FCKeditor/editor/filemanager/connectors/php/下面找到config.php文件，打開它，找到30與34行。需要改寫的參數(shù)如下：$Config['Enabled'] = true ;
$Config['UserFilesPath'] = ' ' ;
其中，第一個參數(shù)應(yīng)該設(shè)為true.默認是true.第二個參數(shù)填寫的是上傳文件的路徑，比如要顯示的圖片等。
我們在project目錄下建立一個uploads文件夾，那么$Config['UserFilesPath'] = ' /project/uploads/';
路徑規(guī)則與上一個basepath一樣。要是project是虛擬文檔根目錄的話，那么$Config['UserFilesPath'] =' /uploads/';
3、應(yīng)用程序：
比如在myapp項目中Lib目錄下IndexAction.class.php控制器類中的index方法中，當訪問該程序時，輸出的模板網(wǎng)頁里有form表單，
要求用戶輸入一篇文章，那么就可以用到編輯器.代碼示例如下，只顯示與fckeditor有關(guān)的代碼，其他代碼會略。
首先是服務(wù)器程序：

復(fù)制代碼代碼如下:

 
public function index() 
{……//其他代碼 
vendor(“FCKeditor.fckeditor”);//包含F(xiàn)CKeditor類庫，TP引入第三方類庫的系統(tǒng)方法，其路徑是相對于vendor目錄來說的。 
$editor= new FCKeditor(); //實例化FCKeditor對象 
$editor->Width='980′;//設(shè)置編輯器實際需要的寬度。此項省略的話，會使用默認的寬度。 
$editor->Height='400′;//設(shè)置編輯器實際需要的高度。此項省略的話，會使用默認的高度。 
$this->Value=”;//設(shè)置編輯器初始值。也可以是修改數(shù)據(jù)時的設(shè)定值。可以置空。 
$editor->InstanceName='comment';//設(shè)置編輯器所在表單內(nèi)輸入標簽的id與name，即<input>標簽的id與name。此處假 
//設(shè)為comment.此處不可省，也要保持唯一性。表單上傳到服務(wù)器處理程序后，即可通過$_POST['comment']來讀取。 
$html=$editor->Createhtml();//創(chuàng)建在線編輯器html代碼字符串,并賦值給字符串變量$html. 
$this->assign('html',$html);//將$html的值賦給模板變量$html.在模板里通過{$html}可以直接引用。 
…….//其他代碼，包括輸出模板。 
} 