亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > PHP > 正文

ThinkPHP中FCKeditor編輯器的使用方法

2024-05-04 23:24:46
字體:
來源:轉載
供稿:網友
前段時間一直為TP尋找好用的在線編輯器而苦惱,經過多次嘗試與修改后,終于成功地將編輯器集成到Thinkphp里面
 
 
而且可以用直接上傳和ajax兩種方式處理內容。為了給一些還沒能成功地集成fckeditor的同儕們一些啟發與幫助, 
茲將我的經驗與體會描述如下:應用目的:將FCKeditor編輯器集成到Thinkphp中,使用戶能夠在線像編輯Word一樣處理即將發表的文字與圖像。 
應用軟件與環境:apache服務器2.0以上版本,PHP版本5.0以上,mysql5.0以上;Thinkphp版本1.5或以上,Fckeditor版本2.x。 
應用步驟: 
1、下載FCKeditor2.x版本,將解壓后的文件夾FCKeditor復制到ThinkPHP文件夾下的Vendor目錄下,以便符合THinkPHP的第三方類庫引入規則。 
2、修改參數: 
首先,用EditPlus等軟件打開FCKeditor目錄下的fckeditor_php5.php文件,找到第130行。出現內容如下: 
復制代碼代碼如下:

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 = ”; 

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

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

其次是對應的html模板即index 文件。只需要在需要的地方插入編輯器即可,其他代碼與一般的<form>寫法一樣。 
…….<!–其他html代碼 –> 
<div> 
<form id=”commentform” name=”commentform” action=”">//action里填寫表單處理程序,如'__APP__/Index/check'。 
指的是IndexAction類下的check()方法來處理提交的表單數據。 
復制代碼代碼如下:

<table style=”width:100%;”> 
<tr> 
<td style=”text-align:left;”>添加新評論: 
</td> 
</tr> 
……//其他表單填寫項 
<tr> 
<td > {$html}</td> 
</tr> 
<tr> 
<td><input type=”submit” value=”提交評論” > 
</td> 
</tr> 
</table> 
</form> 
</div> 

到這里, 已經可以用了。在表單處理程序里像通常處理表單元素那樣就行。但是,有的時候項目移植后,上傳的圖片等鏈接路徑會被錯誤編譯, 
以致不能正確顯示圖片等東西。通常是雙引號解析錯誤,我還沒有解決。要想不出錯的話,可以采取ajax的方式處理表單數據。 
不過在進行ajax處理之前,要先用一段js代碼將編輯器中的值賦給表單中name是instacename的值的表單元素。比如, 
本項示例中要用ajax對表單進行處理的話,index模板文件中必須在表單處理前運行的一段js代碼為: 
…….//其他js代碼 
var editor=FCKeditorAPI.GetInstance('comment');//comment是設置的instanceName值. 
document.commentform.comment.value=editor.EditorDocument.body.innerHTML;//將編輯器中內容處理后的源代碼 
//賦值給commentform表單的comment 屬性元素值。 
……//其他js代碼 
注:個人認為xajax比較不錯,只需要將主要精力花在后臺程序上。我也是用xajax進行數據處理的。前臺代碼很簡單。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
亚洲乱码一区二区| 亚洲欧美国产一区二区三区| 九九热精品视频在线播放| 国产精品网站大全| 日韩国产在线播放| 欧洲亚洲在线视频| 国产精品99久久久久久人| 91久久久久久国产精品| 久久精品99无色码中文字幕| 国产精品视频一区二区三区四| 欧美日韩国产精品一区二区三区四区| 日韩av在线资源| 国产精品视频色| 亚洲综合成人婷婷小说| 国产97在线视频| 亚洲精品aⅴ中文字幕乱码| 国产精品va在线播放我和闺蜜| 亚洲在线视频福利| 欧美专区在线观看| 亚洲精品视频在线播放| 国产精品久久久久av免费| 久久久久久久久久亚洲| 国产成人综合久久| 久久久www成人免费精品张筱雨| 91极品视频在线| 色偷偷噜噜噜亚洲男人| 日韩视频亚洲视频| 精品国产福利在线| 亚洲欧美日韩精品| 日韩a**站在线观看| 国产精品国产亚洲伊人久久| 亚洲精品欧美一区二区三区| 成人在线国产精品| 国产精品www网站| 欧美国产中文字幕| 亚洲激情在线观看视频免费| 欧美视频第一页| 国产区亚洲区欧美区| 亚洲精品福利资源站| 欧美精品一区在线播放| 91精品国产高清久久久久久91| 欧美激情免费在线| 美女福利视频一区| 日韩天堂在线视频| 欧美国产日韩xxxxx| 欧美在线观看日本一区| 国产精品免费观看在线| 成人免费视频xnxx.com| 欧美日韩国产限制| 欧美高清视频一区二区| 日韩中文有码在线视频| 欧美专区福利在线| 欧美日韩加勒比精品一区| 欧美成人午夜影院| 国产97在线|日韩| 国产精品2018| 久久99青青精品免费观看| 欧美激情在线观看视频| 亚洲系列中文字幕| 亚洲丝袜av一区| 久久久久久久久久久久久久久久久久av| 97视频在线观看免费高清完整版在线观看| 成人免费网视频| 国产999精品久久久| 麻豆精品精华液| 日本免费一区二区三区视频观看| 国产97在线|日韩| 久久综合国产精品台湾中文娱乐网| 亚洲美女性生活视频| 亚洲三级av在线| 国产一区二区日韩精品欧美精品| 亚洲一区二区三区xxx视频| 国产高清在线不卡| 富二代精品短视频| 亚洲精品日韩av| 久99九色视频在线观看| 久久香蕉国产线看观看av| 亚洲韩国青草视频| 亚洲精品国产美女| 国产精品99一区| 久久精品国产一区二区电影| 日韩欧美大尺度| 国产精品精品久久久久久| 日韩在线观看免费高清| 国产日韩在线免费| 欧美最近摘花xxxx摘花| 国产欧美精品在线播放| 欧美亚州一区二区三区| 亚洲男人天堂2023| 日韩美女免费观看| 日韩高清免费在线| 精品性高朝久久久久久久| 欧美性猛交xxxx免费看| 97视频在线观看播放| 欧美在线观看视频| 一区二区三区黄色| 日本最新高清不卡中文字幕| 欧美又大又粗又长| 国产精品亚洲综合天堂夜夜| 亚洲欧洲第一视频| 成人欧美在线观看| 欧美成人中文字幕在线| 精品国内亚洲在观看18黄| 亚洲欧美自拍一区| 亚洲免费伊人电影在线观看av| 亚洲电影免费观看高清完整版| 久久久久久91香蕉国产| 最近2019中文字幕一页二页| 97在线观看免费| 在线成人免费网站| 亚洲一区二区三区四区视频| 国产精品久久久精品| 亚洲国产精品中文| 国产乱人伦真实精品视频| 欧美与欧洲交xxxx免费观看| 91精品久久久久久久久久入口| 久久免费高清视频| 久久97久久97精品免视看| 亚洲精品资源美女情侣酒店| 一本久久综合亚洲鲁鲁| 欧美大片免费观看在线观看网站推荐| 色777狠狠综合秋免鲁丝| 97久久国产精品| 国产精品视频26uuu| 欧美高清视频在线| 欧美一区第一页| 欧美性xxxx极品hd满灌| 亚洲欧美中文另类| 亚洲色图偷窥自拍| 久久精品国产一区二区三区| 国产精品青草久久久久福利99| 亚洲国产欧美一区二区丝袜黑人| 中文字幕国产精品久久| 日韩视频―中文字幕| 欧美资源在线观看| 久久久久久久国产精品| 欧美精品videos性欧美| 精品视频一区在线视频| 欧美性猛交xxx| 一区二区三区视频免费在线观看| 欧美激情精品久久久| 国产欧美日韩丝袜精品一区| 成人观看高清在线观看免费| 成人字幕网zmw| 国产成人精品av在线| 91欧美日韩一区| 4388成人网| 成人a在线视频| 国产精品www网站| 另类色图亚洲色图| 少妇av一区二区三区| 欧美午夜片欧美片在线观看| 欧美成人亚洲成人| 欧美激情一级精品国产| 欧美亚洲成人网| 亚洲影院污污.| 国产精品视频播放| 国产视频精品一区二区三区| 福利精品视频在线| 国色天香2019中文字幕在线观看| 亚洲欧美精品中文字幕在线| 国产综合色香蕉精品| 亚洲精品国产精品国自产在线| 久久精品国产2020观看福利|