[ExtJS]WYSIWYG所視即所得網頁編輯器外掛 with CKEditor

ExJS所提示的HtmlEditor非常簡單,一般來說算夠用了,不過還是有很多狀況無法適用,所幸ExtJS可利用擴充的方式來使用其它的WYSIWYG編輯器,TinyMCE是個很好的選擇,FCKEditor也不錯,現在重新被制作改名成CKEditor,以下的範例是使用CKEditor來砍進ExJS當成它的HtmlEditor。

CKEditor.png




範例是由這個網址取得的

http://www.sencha.com/forum/showthread.php?79031-CKEditor-Extension

example實作的方式

其中要開啟CKEditor的功能可以從toolbar這個參數裡設定toolbar:'Full'是全部啟用,toolbar:'Basic'是只有簡單功能,跟內建的ExtJS HtmlEditor有點像,以下是全部的項目,可以選擇要放置的位置及啟用的功能

html的部份

原始碼下載及附件下載

下一篇會再加Servlet上傳檔案、圖檔及Flash功能的實作

JSP上傳檔案、圖檔及Flash功能的實作

PHP上傳檔案、圖檔及Flash功能的實作

補充內容:Fix form.getForm().getFieldValues(false);取不到值的bug

取值方法

One thought to “[ExtJS]WYSIWYG所視即所得網頁編輯器外掛 with CKEditor”

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料