搜尋
首頁CMS教程PHPCMSPHPCMS 用的是哪個編輯器?

PHPCMS 用的是哪個編輯器?

Jun 19, 2020 pm 05:34 PM
cmsphpcms

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>

上面的腳本區塊只能包含在網頁的

<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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
4 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
4 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
4 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具