访问bootstrap-wysihtml5编辑器对象

Question

我正在尝试访问一个bootstrap-wysihtml5编辑器对象。我是这样做的：

$(document).ready(function () {
     $('.someLink').live('click', function () {
          var wysihtml5Editor = $('#textarea').wysihtml5().editor;
          console.log('wysihtml5Editor: '+wysihtml5Editor);
          wysihtml5Editor.composer.commands.exec("bold");
     });
});

Chrome控制台返回：

> wysihtml5Editor: undefined
> Uncaught TypeError: Cannot read property 'composer' of undefined

所以，重点是。

访问wysihtml5对象的方法是什么？

关键是在我的文本区域中插入一些html代码。

Answer 1

试试这个：

$(document).ready(function () {
   $('.someLink').live('click', function () {
     $('#textarea').wysihtml5();
     var wysihtml5Editor = $("#textarea").data("wysihtml5").editor;
     console.log('wysihtml5Editor: '+wysihtml5Editor);
     // The following is important since wysihtml5 is initialized asynchronously
     wysihtml5Editor.observe("load", function() {
       wysihtml5Editor.composer.commands.exec("bold");
     });
   });
});