在TinyMCE 5中创建插件
我正在尝试在TinyMCE中创建一个简单的测试插件。首先,文档中似乎没有一页告诉我们如何准确地做到这一点 我通过谷歌搜索发现v4已经过时了,尽管据说它在“高级主题”下,但没有一个链接指向这个页面!。但是,它抛出了我可以使用的异常。它告诉我需要将“editor.”更改为“editor.ui.register.”。这会使异常消失,但我的工具栏和菜单项不会出现在任何地方 我试着在页面上切换到v5,然后搜索并找到。同样,它会让我找到一个在适当区域没有链接的页面 我尝试了“按原样”的示例代码,但在没有“ui.registry”的情况下得到了关于过时用法的相同异常!但我解决了这个问题,然后得到了这个异常:在TinyMCE 5中创建插件,tinymce,Tinymce,我正在尝试在TinyMCE中创建一个简单的测试插件。首先,文档中似乎没有一页告诉我们如何准确地做到这一点 我通过谷歌搜索发现v4已经过时了,尽管据说它在“高级主题”下,但没有一个链接指向这个页面!。但是,它抛出了我可以使用的异常。它告诉我需要将“editor.”更改为“editor.ui.register.”。这会使异常消失,但我的工具栏和菜单项不会出现在任何地方 我试着在页面上切换到v5,然后搜索并找到。同样,它会让我找到一个在适当区域没有链接的页面 我尝试了“按原样”的示例代码,但在没有“u
Uncaught Error: Errors:
Failed path: (toolbarbutton)
Could not find valid *strict* value for "onAction" in {
"type": "button",
"text": "My button",
"icon": false
},Failed path: (toolbarbutton > icon)
Expected type: string but got: boolean
Input object: {
"type": "button",
"text": "My button",
"icon": false
}
at theme.min.js:9
at Object.getOrDie (theme.min.js:9)
at theme.min.js:9
at theme.min.js:9
at Object.fold (theme.min.js:9)
at theme.min.js:9
at Object.fold (theme.min.js:9)
at dE (theme.min.js:9)
at theme.min.js:9
at _ (theme.min.js:9)
我又玩了一些,但没有成功。例如,如果我删除按钮,工具栏根本不会出现,但不会出现错误。如果删除工具栏引用,工具栏将重新显示,但菜单选项仍不显示
我想做的就是创建一个简单的示例,在这个示例中,我创建了一个菜单选项,将一些内容记录到控制台,并在工具栏中添加一个按钮,单击该按钮时也会执行相同的操作
我该怎么做?我发现的所有其他问题似乎都与TinyMCE的旧版本有关。该页面实际上已从导航中删除,因为它尚未针对TinyMCE 5.0进行更新,但实际上它今天已更新,包含了一个适用于5.0的示例。我猜您可能找到了页面的缓存副本,因此我也将在这里添加详细信息 菜单和按钮API在5.0中发生了相当大的变化,因此可以在此处找到用于注册菜单和按钮的新文档:
tinymce.PluginManager.add('example', function(editor, url) {
var openDialog = function () {
return editor.windowManager.open({
title: 'Example plugin',
body: {
type: 'panel',
items: [
{
type: 'input',
name: 'title',
label: 'Title'
}
]
},
buttons: [
{
type: 'cancel',
text: 'Close'
},
{
type: 'submit',
text: 'Save',
primary: true
}
],
onSubmit: function (api) {
var data = api.getData();
// Insert content when the window form is submitted
editor.insertContent('Title: ' + data.title);
api.close();
}
});
};
// Add a button that opens a window
editor.ui.registry.addButton('example', {
text: 'My button',
onAction: function () {
// Open window
openDialog();
}
});
// Adds a menu item, which can then be included in any menu via the menu/menubar configuration
editor.ui.registry.addMenuItem('example', {
text: 'Example plugin',
onAction: function() {
// Open window
openDialog();
}
});
return {
getMetadata: function () {
return {
name: "Example plugin",
url: "http://exampleplugindocsurl.com"
};
}
};
});
要将菜单添加到菜单栏,还必须包括菜单
和菜单栏
配置,因为上下文属性已被删除。不过,我们正在寻找其他方法将其恢复(请参阅)
这是一把小提琴,显示了这一切都在起作用: