I've implemented a JavaScript plugin called Trumbowyg to create an HTML Editor (WYSIWYG). Despite no errors occurring during the instantiation and creation of elements with this plugin, I am facing an issue where the panel displaying buttons/options fails to show up.
Here is my code snippet:
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);
Following that, I append the editorHtmlElement to a div or any other container.
EXPECTED:
https://i.sstatic.net/THRjF.png
WHAT I'M GETTING
https://i.sstatic.net/Zigpk.png
Even when using default options without any customization, the panel with buttons does not appear as expected. Any insights on what might be causing this issue?
(No errors are being reported)