javascript - 带有按钮的面板未出现在trumbowyg插件上

我使用的是javascript插件，具有称为Trumbowyg的HTML编辑器(WYSIWYG)。使用此插件实例化创建元素时，没有出现错误，但是由于某些我想发现的原因，没有显示带有按钮/选项的面板。

我的代码:

        var editorHtmlElement = document.createElement('textarea');
        editorHtmlElement.className = "col-md-6";
        editorHtmlElement.setAttribute('placeholder', 'placeholder...');
        var OptionsTrumbowyg = {};

        OptionsTrumbowyg.btns = [
            ['undo', 'redo'],
            ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],
            ['formatting'],
            ['strong', 'em', 'del'],
            ['link'],
            ['insertImage'],
            ['unorderedList', 'orderedList'],
            ['horizontalRule'],
            ['removeformat'],
        ];
        OptionsTrumbowyg.autogrow = true;

        var editorHtmljQuery = $(editorHtmlElement);

        editorHtmljQuery.trumbowyg(OptionsTrumbowyg);

之后，我将editorHtmlElement附加到div或其他任何东西上。
预期:

我得到什么

如您所见，即使我尝试不使用任何自定义选项，也不会出现带有按钮的面板，只是默认值...有人知道为什么吗？
(无错误出现)

最佳答案

我设法通过在所有CSS附加和包含之后添加Trumbowyg并将其从var editorHtmlElement = document.createElement('textarea');更改为var editorHtmlElement = document.createElement('div');来使其工作

加载页面时，将所有脚本末尾的editorHtmljQuery.trumbowyg(OptionsTrumbowyg);移至该页面，然后效果良好

关于javascript - 带有按钮的面板未出现在trumbowyg插件上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47994736/