4

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 コードをテキストエリアに挿入することです。

4

1 に答える 1

9

これを試して：

$(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");
     });
   });
});
于 2012-04-10T20:45:47.243 に答える