带按钮的面板不会出现在trumbowyg插件上

Question

我使用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或其他任何内容。

预期：

我是什么时候得到的
正如您所看到的，即使我尝试没有自定义选项，也没有显示按钮的面板......任何人都知道为什么？
（没有出现错误）

Answer 1

我管理通过添加Trumbowyg（包括CSS）并将var editorHtmlElement = document.createElement('textarea');
更改为
var editorHtmlElement = document.createElement('div');

在加载页面时，只需移动了editorHtmljQuery.trumbowyg(OptionsTrumbowyg);
所有脚本的结尾，然后效果很好