首頁 >CMS教程 >PHPCMS >PHPCMS 用的是哪個編輯器?

PHPCMS 用的是哪個編輯器?

Guanhui
Guanhui原創
2020-06-19 17:34:022884瀏覽

PHPCMS 用的是哪個編輯器?

PHPCMS 用的是哪個編輯器?

PHPCMS用的是CKEditor編輯器,CKEditor是新一代的FCKeditor,是一個重新開發的版本,該編輯器是全球最優秀的網頁線上文字編輯器之一,因其驚人的性能與可擴展性而廣泛的被運用於各大網站。

整合 CKEditor

#有若干個方式能將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( &#39;editor1&#39; );
</script>

上面的腳本區塊只能包含在網頁的4750256ae76b6b9d804861d8f69e79d3標籤之後。也可以在93f0f5c25f18dab9d176bd4f6de5d30e標籤內運行這個替換過程,但在這種情況下,你必須確定DOM已經載入完畢,通常可以寫在window.onload事件裡面(這時DOM肯定已經載入完畢啦) :

<script type="text/javascript">
window.onload = function()
{
CKEDITOR.replace( &#39;editor1&#39; );
};
</script>

第三步:儲存編輯器內容資料

按照先前的描述,編輯器正如一個文字區域(textarea)一樣工作,所以,當提交一個包含一個編輯器實例的表單時,他的資料也會是很簡單的傳遞,用文字區域(textarea)的名稱作為健名來接收資料。舉個例子,按照上面的例子,在PHP中我們需要像這樣來處理資料:

<?php
$editor_data = $_POST[ &#39;editor1&#39; ];
?>

客戶端資料處理一些用應中(如ajax應用)需要在客戶端處理完所有的數據,然後用它自己的方式向伺服器發送數據,在這些情況下,使用CKEditor API就足以輕鬆取得編輯器實例中的內容。例 如:

<script type="text/javascript">
var editor_data = CKEDITOR.instances.editor1.getData();
</script>

推薦教學:《PHPCMS教學

以上是PHPCMS 用的是哪個編輯器?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn