jquery - 访问 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");
     });
   });
});