訪問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代碼到我的textarea。

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