1、之前說過在根目錄的的index.html中引入了static下的tinymce后，項目中的tinymce就指向了static，所以我們可以不用修改node_module中的代碼，直接在static下的tinymce中的plugins中開發(fā)新的插件

2、插件開發(fā)

首先：

根據(jù)中文文檔：對你的新插件進行一個聲明：tinymce.PluginManager.add('插件名',?function(editor,?url)?{});

函數(shù)中傳進來的editor就是頁面上的編輯器，你可以通過調用它的方法動態(tài)添加相關的按鈕或者插入html

然后：

我在這里開發(fā)的的是一個iframe插件，所以需要獲取url路徑，如果時開發(fā)其他的插件可以通過中文文檔查看

var?baseURL=tinymce.baseURL;

var?iframe1?=?baseURL+'/plugins/插件文件夾/iframe對應的頁面.html';

editor.getParam('函數(shù)名',?默認值,?'類型') -- 可以拿到你在setting設置中的元素

插件的主體

通過調用openDialog可以打開插件的彈出框，配置的信息就是頁面上的內容。

最后：設置你的插件對應的圖標，并添加到編輯器中

editor.ui.registry.getAll().icons.插件名||?editor.ui.registry.addIcon('插件名‘，svg圖標)

添加編輯器中的按鈕

onAction中就是openDialog()用來點擊時打開彈出框，注意：你可以選擇不使用openDialog()，這樣你可以在這個方法中通過原生的document獲取tinmyce使用的頁面的元素，比如觸發(fā)項目中封裝的組件。

為你的按鈕添加提示

這樣你的插件就開發(fā)完成，只要在setting中調用，就可以點擊打開一個有著iframe的彈窗