Question

我跟着一个位于here的问题，为我的tinymce添加了一个自定义下拉列表，但我无法让它工作。当我在tinyMCE.init周围添加相关代码时，当我注册插件时，我在控制台中出现以下错误

未捕获的TypeError：对象[object Object]没有方法'addMenuItem'

我的目标是选择一个下拉列表，将内容插入到textarea中。我现在正在使用按钮进行此操作，但它们开始堆积起来，看起来非常混乱。我更喜欢有一个下拉菜单，所以我可以很容易地添加它，而不会有太多的按钮散落在这个地方。

我确信我已将相关文件包含在我的标题中，但也许这也是导致错误的原因？

我的代码位于

下方

var myListItems = ['Item1','Item2'];
tinymce.PluginManager.add('myNewPluginName', function(editor) {
var menuItems = [];
tinymce.each(myListItems, function(myListItemName) {
    menuItems.push({
        text: myListItemName,
        onclick: function() {
            editor.insertContent(myListItemName);
        }
    });
});

editor.addMenuItem('insertValueOfMyNewDropdown', {
    icon: 'date',
    text: 'Do something with this new dropdown',
    menu: menuItems,
    context: 'insert'
    });
});
tinyMCE.init({
    theme : "advanced",
    mode: "exact",
    plugins: "table,myNewPluginName",
    elements : "elm1,elm2,elm3,elm4,elm5,elm6",
    theme_advanced_font_sizes: "10px,12px,13px,14px,16px,18px,20px",
    font_size_style_values: "12px,13px,14px,16px,18px,20px",
    theme_advanced_toolbar_location : "top",
    theme_advanced_buttons1 : "bold,italic,underline,strikethrough,separator,"
    + "justifyleft,justifycenter,justifyright,justifyfull,formatselect,"
    + "bullist,numlist,outdent,indent,seperator,fontselect,fontsizeselect",
    theme_advanced_buttons2 : "tablecontrols",
    height:"500px",
    width:"100%",
    file_browser_callback : 'myFileBrowser'    
  });

非常感谢任何帮助！

Answer 1

我更新了我的TinyMCE，并按照TinyMCE网站上的说明进行操作，效果很好

自定义下拉菜单 - Tinymce

1 个答案: