I am trying to create my own image manipulation plugin for TinyMCE (4.7.0). I want to set the current image properties in the form when you right-click > context menu > imageplugin.
To copy over the properties I need access to to the element I right clicked. I can't find the target however.
I console.log()
the event but it's target is the context menu item not the right-click target...
editor.addMenuItem('imageplugin', {
text: 'imageplugin',
context: 'tools',
onclick: function(e) {
console.log(e); //target is incorrect...
editor.windowManager.open({
title: 'Afbeelding instellingen',
body: [
{
type: 'textbox',
name: 'title',
label: 'Title',
value: e.src
},
{
type : 'listbox',
name : 'width',
label : 'Breedte',
values : [
{ text: '100%', value: '100' },
{ text: '50%', value: '50' },
{ text: '33%', value: '33' },
{ text: '25%', value: '25' },
],
value : 'test2'
},
{
type : 'listbox',
name : 'float',
label : 'Uitlijnen',
values : [
{ text: 'Geen', value: 'none' },
{ text: 'Links', value: 'left' },
{ text: 'Rechts', value: 'right' },
],
value : 'test2',
},
],
onsubmit: function(e) {
editor.insertContent('Title: ' + e.data.title);
}
});
}
});
答案 0 :(得分:0)
使用editor.selection.getNode()
访问当前选定的项目。