您好,登錄后才能下訂單哦!
本篇文章給大家分享的是有關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( '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就足以輕松獲取編輯器實例中的內容。例 如:
<script type="text/javascript"> var editor_data = CKEDITOR.instances.editor1.getData(); </script>
以上就是PHPCMS有哪些編輯器,小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。