i comandi wysihtml5 risultano non definiti - javascript, wysihtml5, bootstrap-wysihtml5

Quando carico il file wysithml5 editor bootstrap, questo comando o qualsiasi comando che wysihtml5 i supporti bootstrap non funzionano.

Quando avviso editor.composer.commands, si presenta come non definito.

Cosa posso fare per risolvere questo problema? jQuery è caricato con jQuery-UI, non so se questo aiuta.

$(document).ready(function() {
$("#content").wysihtml5();
var editor = $("#content").wysihtml5().data("wysihtml5").editor;
editor.currentView.element.focus();
editor.composer.commands.exec("insertHTML" , "Something");`
});

Editor di riferimento: https://github.com/xing/wysihtml5

risposte:

Ho avuto questo problema durante l'utilizzo programmatico dei comandi subito dopo che l'editor è stato istanziato e caricato nella pagina. Considera il seguente codice:

<textarea id="wysihtml5-textarea" rows="3" autofocus></textarea>

L'ho risolto concedendo un po 'di tempo dopo che l'editor è stato caricato usando window.setTimeout. Il codice seguente è un esempio che utilizza il comando "insertImage":

$(function () {
var editorEle = $("#wysihtml5-textarea");
var editorToolbarEle = $("#wysihtml5-toolbar");
var editor = new wysihtml5.Editor(editorEle.prop("id"), {});

window.setTimeout(function() {
editor.focus();
editor.composer.commands.exec("insertImage", { src: "foo.png", alt: "image.." });
}, 200);
});

Puoi vedere questo codice in esecuzione e testarlo usando il seguente JSFiddle (rimuovi setTimeout per vedere che si verifica l'errore):

http://jsfiddle.net/wv0fbsew/

Ho avuto questo problema durante l'utilizzo di una versione biforcuta dell'editor (wysihtml5x). Non è la versione Bootstrap menzionata in questa domanda, né quella che stavo usando, ma il problema è lo stesso.