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