FCKeditor的PHP配備

來源:互聯網
上載者:User
FCKeditor的PHP配置

1、下載FCKeditor 多國語言版

2、解壓後為檔案夾減肥:

刪除/FCKeditor/目錄下除fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml,fckeditor.php五個檔案以外的所有檔案
刪除目錄/editor/_source,_testcases(基本上,所有_開頭的檔案夾或檔案都是可選的),
刪除/editor/filemanager/browser/default/connectors/下除PHP目錄的所有目錄
刪除/editor/filemanager/upload/下的除PHP目錄的所有目錄
刪除/editor/lang/下的除了 en.js, zh.js, zh-cn.js三個檔案的所有檔案
3.
開啟/FCKeditor/fckconfig.js
修改
var FCKConfig.DefaultLanguage = 'zh-cn' ;
var _FileBrowserLanguage? = 'php' ;
var _QuickUploadLanguage? = 'php' ;
要開啟檔案上傳的話,還需要配置FCKeditor\editor\filemanager\upload\php\config.php以及\ FCKeditor\editor\filemanager\browser\default\connectors\php\config.php
(上傳中文名檔案會亂碼)

4.調用方法
將FCKeditor放在網站根目錄
在PHP檔案裡面,包含/FCKeditor/fckeditor.php檔案
//包含fckeditor類
include("../FCKeditor/fckeditor.php") ;
//設定編輯器路徑
$sBasePath = "/FCKeditor/";;//這個路徑一定要和上面那個引入路徑一致,否則會報錯:找不到fckeditor.html頁面
//建立一個Fckeditor,表單的名稱為ipaddr
$oFCKeditor = new FCKeditor('ipaddr') ;//ipaddr即為這個標籤的name,可以用$_POST['ipaddr']獲得編輯器的內容
$oFCKeditor->BasePath? = $sBasePath ;
//設定表單初始值
$oFCKeditor->Value? = 'This is some sample text' ;
$oFCKeditor->Create() ;//注意:若用到模板(如smarty)則$fck = $oFCKeditor->CreateHtml();然後把$fck拋給模板

//還可設定
$oFCKeditor->Width
$oFCKeditor->Height
$oFCKeditor->ToolbarSet

5.定製
a.定製調用路徑
直接將FCKeditor目錄改為editor/,並且在調用的時候指定根路徑為/editor/。
b.定製風格
可以通過修改editor\skins目錄下的Skin來定製風格,主要是修改CSS。
c.定製toolbar

在fckconfig.js中,預設定製好了Default,Basic兩種toolbar,你也可以根據格式定製自己的toolbar,並且在php中使用$oFCKeditor->ToolbarSet=toolbarname調用

d.定製字型
將fckconfig.js裡面的FCKConfig.FontNames字型列表前面加上:
宋體;黑體;隸書;楷體_GB2312;
(注意儲存為UTF8格式)

e.關閉檔案上傳
i. 將fckconfig.js裡面的FCKConfig.LinkBrowser,FCKConfig.ImageBrowser, FCKConfig.FlashBrowser,FCKConfig.LinkUpload,FCKConfig.ImageUpload,FCKConfig.FlashUpload 設定為false.
ii.直接將filemanager裡面的php檔案刪降
iii.定製toolbars
最重要的一點,你需要更改filemanager下面的php檔案,只有認證的使用者才可以訪問。

f.注意事項:請用Editplus之類的編輯器編輯設定檔,注意儲存格式為utf8.

?

?

?

?

?

?

?

?


/////////////////////////////////////////////////////////

?

有人會問:怎麼得到一個HTTP Error 404 - Not Found.的錯誤呢?得到這個錯誤一般是BasePath沒有設定正確,參看上述提到的BasePath注意事項仔細檢查!

到了這裡,FCKeditor的配置並沒有真正的完成,因為它裡面的一個強大功能我們還沒正確配置:檔案上傳。

在Default.aspx的運行模式下,點FCKeditor的“插入/編輯映像”(又或者是Flash)功能,在彈出框點“瀏覽伺服器”,又彈出一個對話方塊,此時隨即出現的是一個錯誤提示框XML request error: Forbidden(403).

得到這樣的錯誤有Web開發經驗的都知道403應該是讀寫權限的問題。可是為什麼呢?原因在於沒有配置UserFiles路徑。

我們在FCKPro根目錄下,建立一個空目錄Files。連同BasePath的設定通常的做法是這樣的:

開啟FCKPro工程的Web. Config檔案,修改appSettings元素,配置如下:


?

?


設定了FCKeditor:BasePath後就不用再每次使用FCKeditor執行個體時指定BasePath屬性了,FCKeditor:UserFilesPath則是制定我們所有上傳的檔案的所在目錄。你也許會問為什麼要設定成/FCKPro/Files這樣而不是~/Files,因為FCKeditor使用這個值來返回你上傳後的檔案的相對路徑到用戶端,~/Files的形式是ASP.NET在服務可以編譯解釋的,但是在用戶端的靜態就不懂這是什麼了。如果使用~/Files後,那麼所有上傳檔案的返迴路徑都是~/Files形式的,你就會得到這樣的連結http://~/Files/Image/logo.gif這樣的連結解果就是路徑為找到。所以才要我們上述那樣設定,這是在開發階段,如果在工程完成後發布時請記住把/FCKPro/Files改成/Files,道理不說大家也明白,開發階段VS2005在運行項目時的URL是http://localhost/項目名稱/的形式,發布後在Server上建立網站,跟路徑就是http://www.abc.com/的形式了,所以發布後一定要改過來。這些地方是在使用FCKeditor2.2+ASP.NET2.0時經常發錯誤而又莫名其所云的地方。

先不要高興,這個上傳的功能至此還差最關鍵的一步。在FCKeditor所在根目錄下(FCKPro/FCKeditor/)找到fckconfig.js檔案,用文字編輯器開啟,在大概132行(大概是因為之前您也許參考其它資料更改過這個檔案了)的地方找到:

?

var _FileBrowserLanguage??? = 'asp' ;????? // asp | aspx | cfm | lasso | perl | php | py

var _QuickUploadLanguage = 'asp' ;????? // asp | aspx | cfm | lasso | php

?

把這兩行賦值代碼的值由asp改成aspx,儲存關閉這個檔案。

好了,大功告成了!在此運行FCKPro項目,使用瀏覽伺服器功能,OK了吧?

?

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.