javascript - 带有按钮的面板没有出现在 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

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

只是
editorHtmljQuery.trumbowyg(OptionsTrumbowyg);
在加载页面时移动了所有脚本的末尾，然后它运行良好