ckeditor在struts2下新增自定義按鈕

2021-09-12 04:26:25 字數 698 閱讀 7288

ckeditor的插入和flash和我的需求相去甚遠,所以我想做個按鈕呼叫自己的插入頁面。

function initeditor(thename, thewidth, theheight));

addmybytton(editor);

}function addmybytton(editor)

} );

editor.ui.addbutton('mybutton',

);});

}

initeditor裡主要是載入編輯器並配置一些引數,配置引數可以去查詢ckeditor的api文件。

addmybutton是生成了乙個按鈕,並定義了這個按鈕觸發的事件,就是用模式視窗開啟乙個頁面,把返回值插入到編輯器裡就ok了。而把按鈕顯示在工具條上是在initeditor中設定*******屬性時指定的。

需要注意的是,彈出的頁面裡如果有提交表單的操作,返回頁面會在乙個新視窗中開啟,為了避免這種情況最好使用ajax提交。當然因為我的頁面有檔案上傳所以沒辦法用ajax提交表單,所以我用的是iframe來處理的。

以上**放到乙個單獨的js檔案中,在編輯器頁面的onload中呼叫initeditor方法就可以了。當然也可以用開發外掛程式的方式把內容放到ckeditor的plugins目錄下,這樣的好處是不會把自己的**和ckeditor的**混到一起,方便以後公升級ckeditor,當然如果是商業開發這樣也更容易根據**算錢。

ckeditor 在dwz裡面使用

在ckeditor的配置的過程中,所有的配置的地方都配置了,但是就是不顯示編輯器 編輯器 如下 很鬱悶哦 1於是就上網找了資料,找到了解決的方法,加入下面的指令碼就行了,問題解決!上面的問題還有一種解決的方案就是ckeditor.editorspace 上面的問題解決好了,又來了新的問題,就是新增資...

在VUE中,關於CKEditor使用

官方文件 如下 classiceditor create document.queryselector editor then editor catch error 然後可以在console中使用 window.ckeditor translations檢視當前使用的語言 遵循iso 639 1 下...

在jsp中使用CKEditor編輯器

二 安裝ckeditor 解壓ckeditor 3.5.zip,得到ckeditor資料夾,將ckeditor整個資料夾複製到專案工程的根目錄下,即webroot下 三 驗證ckeditor是否安裝成功 部署執行專案,訪問 http localhost 專案名稱 ckeditor samples i...