PHP KindEditor是一款基于jQuery的WYSIWYG富文本編輯器,可以用于Web應(yīng)用程序中。它是一個開放源代碼的項目,使用相當(dāng)靈活,可以自定義許多功能。
當(dāng)你想要為你的Web應(yīng)用程序添加 WYSIWYG富文本編輯器時,使用 PHP KindEditor可以節(jié)省您幾小時的時間。它可以為網(wǎng)絡(luò)應(yīng)用程序提供快速、可靠、兼容性高、性能優(yōu)越的編輯器。
使用 PHP KindEditor可以實現(xiàn)的功能包括:文字加粗、顏色、斜體、下劃線;改變字體和大小;插入圖片、閃現(xiàn)動畫、媒體文件等;鏈接;表格和代碼等等。
準(zhǔn)備階段
首先將kindeditor.rar中的文件解壓到一個目錄下,并重命名為kindeditor。然后將解壓后的kindeditor目錄放到web服務(wù)器的根目錄下。例如:如果你的web服務(wù)器是Apache,將kindeditor目錄放到c:\xampp\htdocs\目錄下。
測試
首先創(chuàng)建一個文件,命名為demo.html,文件內(nèi)容如下:
```htmlKindEditor Demo ```
保存文件,在web瀏覽器上打開這個文件,并點擊編輯區(qū)域左下角的“全屏”按鈕,進(jìn)入編輯器的全屏模式,您會發(fā)現(xiàn)它非常的好用,并且看起來很棒。
創(chuàng)建頁面
假設(shè)我們有一個表單,包含標(biāo)題和內(nèi)容字段,我們想使用KindEditor來增強(qiáng)內(nèi)容字段。考慮以下HTML5表單:
```htmlForm using KindEditor plugin ```
在上面這個表單中,我們給標(biāo)題和內(nèi)容增加了一個label標(biāo)簽,和一個指向textarea的ID。我們還提供了使用KindEditor的JS和CSS資源。
注意到,我們在提交時使用POST。
進(jìn)一步使用KindEditor
使用 KindEditor的方式很多。您可以自己定義增強(qiáng)的功能,也可以使用KindEditor默認(rèn)提供的HTML,例如:
```htmlForm using KindEditor plugin ```
在上面這個HTML片段中,您將發(fā)現(xiàn) items 數(shù)組增加了更多的功能。您可以選擇使用項目提供的默認(rèn)工具欄,或者使用自定義工具欄。
結(jié)論
如果您正在尋找一種使用最流行的文本編輯器之一來增強(qiáng)您的Web應(yīng)用程序,那么 PHP KindEditor 是一個不錯的選擇。它是免費的,開源,支持絕大多數(shù)瀏覽器,也很容易擴(kuò)展。
上一篇ajax傳遞的日期怎么找
下一篇ajax上傳本地文件上傳