1鳖眼、之前說過在根目錄的的index.html中引入了static下的tinymce后,項目中的tinymce就指向了static抽兆,所以我們可以不用修改node_module中的代碼,直接在static下的tinymce中的plugins中開發(fā)新的插件
2、插件開發(fā)
首先:
根據(jù)中文文檔:對你的新插件進(jìn)行一個聲明:tinymce.PluginManager.add('插件名',?function(editor,?url)?{});
函數(shù)中傳進(jìn)來的editor就是頁面上的編輯器章鲤,你可以通過調(diào)用它的方法動態(tài)添加相關(guān)的按鈕或者插入html
然后:
我在這里開發(fā)的的是一個iframe插件,所以需要獲取url路徑咆贬,如果時開發(fā)其他的插件可以通過中文文檔查看
var?baseURL=tinymce.baseURL;
var?iframe1?=?baseURL+'/plugins/插件文件夾/iframe對應(yīng)的頁面.html';
editor.getParam('函數(shù)名',?默認(rèn)值,?'類型') -- 可以拿到你在setting設(shè)置中的元素
通過調(diào)用openDialog可以打開插件的彈出框败徊,配置的信息就是頁面上的內(nèi)容。
最后:設(shè)置你的插件對應(yīng)的圖標(biāo)掏缎,并添加到編輯器中
editor.ui.registry.getAll().icons.插件名||?editor.ui.registry.addIcon('插件名‘皱蹦,svg圖標(biāo))
onAction中就是openDialog()用來點(diǎn)擊時打開彈出框,注意:你可以選擇不使用openDialog()眷蜈,這樣你可以在這個方法中通過原生的document獲取tinmyce使用的頁面的元素沪哺,比如觸發(fā)項目中封裝的組件。
這樣你的插件就開發(fā)完成酌儒,只要在setting中調(diào)用辜妓,就可以點(diǎn)擊打開一個有著iframe的彈窗