淺析FCKeditor 的配置和使用方法_PHP教程
推薦:解析PHP中多張圖片上傳并校驗(yàn)的實(shí)現(xiàn)單張的圖片上傳是不復(fù)雜的,這里涉及到多張圖片上傳和對圖片格式的校驗(yàn),保證上傳的一定是圖片,防止上傳其他文件到服務(wù)器。 基本實(shí)現(xiàn)算法是使用數(shù)組的形式,把所有的圖片提交個(gè)一個(gè)數(shù)組,對數(shù)組的元素進(jìn)行一個(gè)個(gè)的處理。 ?php /***************************
FCKeditor 是一個(gè)十分強(qiáng)大的網(wǎng)頁文本編輯器,它支持多種腳本編程語言(包括 PHP)和支持多國語言。
FCKeditor 截至 2008年4月6日,其最新版本是 2.6RC,RC 就是 Release Candidate,修訂后的候選版本,很可能作為該版本的穩(wěn)定版在未來發(fā)布。目前的最新的穩(wěn)定版(Latest Stable)是 2.5.1。我們可以到他的官方網(wǎng)站上去下載 http://www.FCKeditor.net 合適的版本,開源、免費(fèi)的。
本文介紹 PHP 中的配置方法,其他語言的配置方法和它是基本一樣的。
〇、假設(shè)網(wǎng)站的目錄為:
\website_root
\index.php
\FCKeditor
一、調(diào)用FCKeditor 的兩種方法
1、通過創(chuàng)建實(shí)例來調(diào)用
在 index.php 文件中,調(diào)用它的代碼,把下面的代碼加在需要編輯器的地方:
<Form name="frm1">
<?php
//引用FCKeditor.php這個(gè)文件,基本的類和數(shù)據(jù)結(jié)構(gòu)都在這里
include_once("FCKeditor/fckeditor.php");
//創(chuàng)建FCKeditor對象的實(shí)例。myFCKeditor即提交后,接收數(shù)據(jù)頁面 _POST['myFCKeditor']使用
FCKeditor=new FCKeditor('myFCKeditor');
//FCKeditor所在的位置,這里它的位置就是'FCKeditor' 文件夾
FCKeditor->BasePath='./FCKeditor/';
//工具按鈕設(shè)置
FCkeditor->ToolbarSet='Default';
//設(shè)置它的寬度
FCKeditor->Width='100%';
//設(shè)置它的高度
FCKeditor->Height='300px';
//生成
FCkeditor->Create();
?>
</Form>
2、通過 IFRAME 調(diào)用
<Form name="frm1">
<INPUT name="myFCKeditor" id="myFCKeditor" style="DISPLAY: none" type=hidden>
<INPUT id="myFCKeditor___Config" style="DISPLAY: none" type=hidden>
<IFRAME id="myFCKeditor___Frame" src="FCKeditor/editor/fckeditor.html?InstanceName=myFCKeditor&Toolbar=Default" frameBorder=0 width=100% scrolling=no height=300>
</IFRAME>
</Form>
注意:name="myFCKeditor" 和 IFRAME 中 InstanceName=myFCKeditor 的“myFCKeditor”必須相同。
其實(shí),用 IFRAME 調(diào)用和用第一種方法本質(zhì)是完全一樣的!不信的話,請?jiān)谟脼g覽器打開網(wǎng)站上的 index.php 文件,然后查看“源代碼”,就是本 IFRAME 調(diào)用的代碼。所以推薦通過創(chuàng)建實(shí)例來調(diào)用。
3、當(dāng)用 Javascript 來獲得內(nèi)容的時(shí)候是不是發(fā)現(xiàn)得不到內(nèi)容,如:
<script>
<input type=button onclick="alert(document.all.frm1.myFCKeditor.value);" value="GetHtml">
</script>
你會(huì)發(fā)現(xiàn)彈談出的窗口沒內(nèi)容。
我們可以通過下面的代碼來獲得它的內(nèi)容:
<script>
function getContentValue()
{
var oEditor = FCKeditorAPI.GetInstance('myFCKeditor');
var acontent = oEditor.GetXHTML();
return acontent;
}
</script>
<input type=button onclick="alert(getContentValue());">
二、配置一些文件
1、fckconfig.js的配置
(1)工具按鈕設(shè)置
查找 FCKConfig.ToolbarSets["Default"],這里有很多按鈕,下面我們將對他們詳細(xì)介紹
EditSource 顯示HTML源代碼
StrikeThrough 刪除線
Save 保存
NewPage 新建空白頁面
Superscript 上標(biāo)
Subscript 下標(biāo)
Preview 預(yù)覽
JustifyLeft 左對齊
Cut 剪切
Copy 復(fù)制
Paste 粘貼
JustifyCenter 居中對齊
JustifyRight 右對齊
JustifyFull 兩端對齊
PasteText 純文本粘貼
InsertOrderedList 自動(dòng)編號(hào)
PasteWord 來自Word的粘貼
InsertUnorderedList 項(xiàng)目符號(hào)
Print 打印
Outdent 減少縮進(jìn)
SpellCheck 拼寫檢查
Indent 增加縮進(jìn)
Find 查找
ShowTableBorders 顯示表格線
Replace 替換
ShowDetails 顯示明細(xì)
Undo 撤銷
Form 添加Form動(dòng)作
Redo 還原
Checkbox 復(fù)選框
SelectAll 全選
Radio 單選按鈕
RemoveFormat 去除格式
Input 單行文本框
Link 插入/編輯 鏈接
Textarea 滾動(dòng)文本框
RemoveLink 去除連接
Select 下拉菜單
Anchor 錨點(diǎn)
Button 按鈕
Image 插入/編輯 圖片
ImageButton 圖片按鈕
Table 插入/編輯 表格
Hidden 隱藏
Rule 插入水平線
Zoom 顯示比例
SpecialChar 插入特殊字符
FontStyleAdv 系統(tǒng)字體
UniversalKey 軟鍵盤
FontStyle 字體樣式
Smiley 插入表情符號(hào)
FontFormat 字體格式
About 關(guān)于
Font 字體
Bold 粗體
FontSize 字體大小
Italic 斜體
TextColor 文字顏色
Underline 下劃線
BGColor 背景色
這個(gè)默認(rèn)的是包含了所有的工具按鈕,但是有時(shí)有的按鈕并不需要。那么我們可以將不需要的按鈕給刪了。下面是一個(gè)定制的配置,給大家一個(gè)參考。
FCKconfig.ToolbarSets["Default"] = [
['EditSource','Save','NewPage','Preview','-','Cut','Copy','Paste','PasteText','-','Find','Replace','-','Undo','Redo','-','SelectAll','-','Link','RemoveLink','-','Image','Table','Rule','SpecialChar','Smiley'] ,
['Bold','Italic','Underline','-','JustifyLeft','JustifyCenter','JustifyRight','-','InsertOrderedList','InsertUnorderedList','-','Form','Checkbox','Radio','Input','Textarea','Select','Button','-','FontStyleAdv','TextColor']
];
再例如:
FCKConfig.ToolbarSets["Basic"] = [
['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
];
這樣的話,你在前臺(tái)調(diào)用的時(shí)候就要用 FCKeditor->ToolbarSet='Basic',不能再是"Default"了。
(2)語言的配置
查找FCKConfig.DefaultLanguage將它設(shè)置為'zh-cn'.
(3)腳本語言的設(shè)置
查找var _FileBrowserLanguage和var _QuickUploadLanguage將他們設(shè)置為'php', 默認(rèn)是'asp',如果這里不設(shè)置的話,圖片將不能上傳,這點(diǎn)很重要。當(dāng)時(shí)我在用FCKeditor由于沒配置這個(gè),不能上傳圖片,而我同寢室的用asp能上傳圖片,讓我煩惱了好多天,最后終于找到是這個(gè)原因。
2、圖片上傳的配置
打開文件FCKeditor/editor/filemanager/browser/default/connectors/php/config.php:
查找Config['Enabled'],將它設(shè)置為'true';查找Config['UserFilesPath'],將它設(shè)置圖片的目錄,這個(gè)目錄是相對于主目錄的。
例如:我寫了一個(gè)blog,就可以設(shè)置為/blog/upload/
打開文件FCKeditor/editor/filemanager/upload/php/config.php:
查找Config['Enabled'],將它設(shè)置為'true';查找Config['UseFileType'],將它設(shè)置上傳文件的目錄,最好與上面的圖片目錄相同。
好了,現(xiàn)在所有的配置都已經(jīng)完成了,現(xiàn)在你要做的只是刪除一些不必要的文件了。只要包含'_'的目錄名和文件名都可以刪除,這都是一些說明文件。因?yàn)槲覀冇迷?PHP 環(huán)境中,其他語言相關(guān)的一些文件也都可以刪除。
分享:php+mysq 修改用戶密碼(用password加密)php+mysq 修改用戶密碼(用password加密) Author: lucas Date:2007.11.10 完整代碼如下: ?php session_start(); ? script type=text/javascript!-- function checkinput(form){ if(document.mod_pwd.curr_pwd.value==){ alert(請輸入原始密碼!); docum
- PHPNOW安裝Memcached擴(kuò)展方法詳解
- php記錄頁面代碼執(zhí)行時(shí)間
- PHP中獎(jiǎng)概率的抽獎(jiǎng)算法程序代碼
- apache設(shè)置靜態(tài)文件緩存方法介紹
- php對圖像的各種處理函數(shù)代碼小結(jié)
- PHP 關(guān)于訪問控制的和運(yùn)算符優(yōu)先級介紹
- 關(guān)于PHP語言構(gòu)造器介紹
- php/js獲取客戶端mac地址的實(shí)現(xiàn)代碼
- php5.5新數(shù)組函數(shù)array_column使用
- PHP preg_match的匹配多國語言的技巧
- php 中序列化和json使用介紹
- php采集文章中的圖片獲取替換到本地
- 相關(guān)鏈接:
- 教程說明:
PHP教程-淺析FCKeditor 的配置和使用方法
。