TinyMCE自定义工具栏menuItem单击触发所有父项的单击事件-Java 学习之路

我正在为我的tinyMCE添加一个自定义工具栏按钮

tinyMCE.init({
mode: "specific_textareas", 
editor_selector: "mceEditor",
width: 600,
toolbar_items_size: "small",
plugins: ["advlist autolink lists link image charmap print preview anchor","searchreplace visualblocks code fullscreen","insertdatetime media table contextmenu paste "],
toolbar: "undo redo | styleselect | bullist numlist outdent indent | link image | stats ",
setup: function (editor) {
editor.addButton('stats',{
    text: 'Stats',
    type: 'menubutton',
    icon: false,
    menu: [
    {
    text: 'item1',
    selectable: 'false',
    classes: 'noselect',
    onclick: function () { editor.execCommand('mceInsertContent', false, '{rootValue}');},
    menu: [
    {
    text: 'item1.1',
    selectable: 'false',
    classes: 'noselect',
    onclick: function () { editor.execCommand('mceInsertContent', false, '{midValue}');},
    menu: [
    {
    text: 'item1.1.1',
    selectable: 'false',
    classes: 'noselect',
    onclick: function () { editor.execCommand('mceInsertContent', false, '{leafValue}');},
    },
    ]
    },
    ]
    },
    ]
    });}});

所以我的按钮是一个菜单，它有子菜单，那些子菜单可以有子菜单等等，所以我有多个嵌套子菜单，每个子菜单都有一个onclick函数，可以在编辑器中插入一些文本 . 我遇到的问题是，当我单击最里面的按钮时，它会从根目录触发树路径上的所有onclick事件 . 所以如果我点击应该插入的按钮，它会插入它

{leafValue}{midValue}{rootValue}

显然我想在这里只插入leafValue . 这是一个已知的tinyMCE问题吗？任何人都知道如何解决它？

1 回答

1
你能用 preventDefault() 吗？
```
onclick:function (evt) { 
    editor.execCommand('mceInsertContent', false, '{leafValue}');
    evt.preventDefault();
}
```
MDN：http://api.jquery.com/event.preventdefault/#event-preventDefault
回复于 2024-05-10T03:27:10+08:00

TinyMCE自定义工具栏menuItem单击触发所有父项的单击事件

1 回答

相关问题