wysihtml5命令显示为未定义

Question

当我加载wysithml5引导程序编辑器时，此命令或wysihtml5引导程序支持的任何命令都不起作用。

当我提醒editor.composer.commands时，它显示为未定义。

我能做些什么来解决这个问题呢？jQuery加载了jQuery-UI，我不知道这是否有帮助。

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

引用的编辑器：https://github.com/xing/wysihtml5

Answer 1

在编辑器实例化并加载到页面后不久，我以编程方式使用命令时遇到了这个问题。考虑以下代码：

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

我解决这个问题的方法是，在使用window.setTimeout加载编辑器后留出一段时间。下面的代码是使用'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);
});

您可以看到这段代码正在运行，并使用以下JSFiddle对其进行测试(删除setTimeout即可看到错误发生)：

http://jsfiddle.net/wv0fbsew/

在使用编辑器的派生版本(wysihtml5x)时，我遇到了这个问题。它不是这个问题中提到的Bootstrap版本，也不是我使用的版本，但问题是相同的。