Панель с кнопками не отображается на плагине trumbowyg

Я использую плагин для JavaScript, чтобы иметь редактор HTML (WYSIWYG), который называется Trumbowyg. при создании этого элемента с этим плагином ошибок не возникает, но по какой-то причине, которую я хочу обнаружить, панель с кнопками / параметрами не отображается.

Мой код:

        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 или что-то еще.

ОЖИДАЕТСЯ:

ЧТО Я ПОЛУЧАЮ

Как видите, панель с кнопками не появляется, даже если я пытаюсь без пользовательских настроек, просто по умолчанию... Кто-нибудь знает почему?
(Ошибок не появляется)

1 ответ

Решение

Мне удалось заставить его работать, добавив Trumbowyg после всех добавлений и включений CSS, и изменив
var editorHtmlElement = document.createElement('textarea');
в
var editorHtmlElement = document.createElement('div');

Просто переместил
editorHtmljQuery.trumbowyg(OptionsTrumbowyg);
для конца всех скриптов при загрузке страницы, то работало хорошо

Другие вопросы по тегам