»點評此站

CKEditor(原FCKeditor)富文本編輯器官網

分享者:admin點擊數: 累積有288人瀏覽
網站評分: (33)谷歌PR值:PR:PR值:0
世界排名:Alexa排名:18118(18118)受歡迎度:10
網站類別:站長工具主頁標簽:CKEditor 富文本編輯器 FCKeditor 
網站首頁:https://ckeditor.com
網站簡介:CKEditor即大名鼎鼎的FCKeditor,它終于在最近發布新版本了,與增加版本號不同,這次完全把它改名了,更名為CKeditor。
分享到:
»點此完善

網站簡介-CKEditor(原FCKeditor)富文本編輯器官網

本類最新加入網站本類最新播報:萬錦互聯
CKEditor(原FCKeditor)富文本編輯器

CKEditor即大名鼎鼎的FCKeditor,它終于在最近發布新版本了,與增加版本號不同,這次完全把它改名了,更名為CKeditor。這應該是和它的開發公司CKSource(波蘭華沙的公司)的名字有關吧,該公司的另一個產品為CKFinder(一個Ajax文件管理器),這次可能為了保持一致,將FCK更改為CK,但是版本號繼承了下來,為CKeditor3.0版。

安裝CKEditor是一件容易的工作,只需要按照下面的簡單步驟就可以完成。

1.從CKEditor官方網站上下載CKEditor的最新版本。

2.將下載的文件解壓到你網站目錄下的“ckeditor”文件夾里。

注意:你也可以將這些文件放在你網站的任何一個地方,默認為“ckeditor”。測試你的安裝 編輯器附帶有一些用來驗證安裝結果是否能正常運行的簡單的例子網頁,請查看“_samples”目錄。

測試路徑:http://《你的網站域名》/《CKEditor 安裝路徑》/_samples/index.htm

有若干個方式能將CKEditor集成到你的網頁中,在這里介紹最常用的實現方法。
第一步:載入CKEditor
CKEditor 是一個JavaScript 應用程序,你只需要在你的網頁中包含一個文件引用就能加載它。
如果你已經將CKEditor安裝在了你網站的“ckeditor”目錄,你可參照如下示例:
《head》
...
《script type="text/javascript" src="/ckeditor/ckeditor.js"》《/script》
《/head》
用以上方式加載,CKEditor JavaScript API 就準備就緒,可以使用了。
第二步:創建一個編輯器實例
CKEditor就像一個在你網頁中的文本區域(textarea)一樣工作,它提供了一個簡單易寫的用戶界面、版式和豐富的文字輸入區域。但用文本區域要實現同樣的效果,并不容易,它需要用戶輸入html代碼。
但是,實際上,CKEditor仍然是使用一個文本區域來傳遞它的數據到服務器上,這個文本區域對使用者來說是不可見的。所以,你必需創建并編輯一個實例,首先創建一個實例:
《textarea id="editor1"》《/textarea》
注意,如果你想要加載一些數據到編輯器中,例如從數據庫中讀出數據,只需要把數據放在文本區域(textarea)內就可以了,就像上面的例子一樣。在這個例子中,我們已經將文本區域(textarea)命名這“editor1”。當接收POST提交的數據時,這個名字將被用在服務器操作。現在,開始使用CKEditor Javascript API,我們用一個編輯器實例來“替換(replace)”這個普通的文本區域(textarea),為此,必須加入如下一段JavaScript代碼:
《script type="text/javascript"》
CKEDITOR.replace( 'editor1' );
《/script》
上面的腳本塊只能包含在網頁的《textarea》標簽之后。也可以在《head》標簽內運行這個替換過程,但是在這種情況下,你必須確定DOM已經載入完畢,通常可以寫在window.onload事件里面(這時DOM肯定已經載入完畢啦):
《script type="text/javascript"》
window.onload = function()
{
CKEDITOR.replace( 'editor1' );
};
《/script》
第三步:保存編輯器內容數據
按照先前的描述,編輯器正如一個文本區域(textarea)一樣工作,所以,當提交一個包含一個編輯器實例的表單時,他的數據也將是很簡單的傳遞,用文本區域(textarea)的名稱作為健名來接收數據。舉個例子,按照上面的例子,在PHP中我們需要像這樣來處理數據:
《?php
$editor_data = $_POST[ 'editor1' ];
?》
客戶端數據處理 一些用應中(如ajax應用)需要在客戶端處理完所有的數據,然后用它自己的方式向服務器發送數據,在這些情況下,使用CKEditor API就足以輕松獲取編輯器實例中的內容。


請您關註:全球優秀網站的大本營
上壹站:  神馬站長平臺
當前推薦網站:  CKEditor(原FCKeditor)富文本編輯器
下壹站:  批量打開網站工具


申明:本資料由全球網站庫會員提供,轉載請註明出處,資料來源:http://cht.0430.com/cn/web264277/。
CKEditor(原FCKeditor)富文本編輯器官網 感謝您的支持與分享!

»如果您覺得'CKEditor(原FCKeditor)富文本編輯器'相關資料不全,請點此協作更新!
復制本頁網址,與您QQ/MSN上的好友分享,就是您對0430網站庫最大的支持!
踩踩此網站0
支持此網站0
(站長之聲:支持本站,就來頂壹下吧!)  
現在有0人對'CKEditor(原FCKeditor)富文本編輯器官網'發表評論 CKEditor(原FCKeditor)富文本編輯器官網好不好?
您的姓名: * 可選項,留空即為匿名發表
評論內容:
剩余字數:  * 按 Ctrl + Enter 發送.
           
溫馨提示:評論只需提交壹次,請耐心等候審核,方可顯示;網站資料由網站主發布,請大家自辯真偽.

站長工具目錄世界影響力網站推薦榜

網站版本: English  中文(简体)  中文(繁體)  日本語  Español
關於我們 | 聯系我們 | 貢獻網站 | 免責聲明 | 友情鏈接 | 意見反饋 | 分類目錄 | 收錄條件 | 返回頂部
Copyright 2004-2019 版權所有 cht.0430.com
網站聲明:本網站所分享網站資料取之於網、用之於網,請大家參考使用時自行辨明、後果自負,0430不承擔任何責任。
全球網站庫 - 二十四小時在線的免費頂級網站目錄 - 讓網站與我們的生活更近!