0

テキストエリアにリッチ エディターを追加するために、 wysihtml5プラグインを使用しています。

したがって、プラグインはこれを次のようにします。

<textarea></textarea>

これに：

<textarea style="display:none;"></textarea>
<iframe>
  <header>
  <header>
  <body class="wysihtml5-editor">
  </body>
</iframe>

文字カウンターを追加するために、ここでいくつかの情報を見つけました：

  wysihtml5Textarea.data("wysihtml5").editor.observe("load", function() {
    wysihtml5Textarea.data("wysihtml5").editor.composer.element.addEventListener("keyup", function() {
      var wysihtml5_cur_length = 0;
      wysihtml5_cur_length = $('.wysihtml5-editor').val().length;
      alert(wysihtml5_cur_length);
    });
  });

プラグインの作者によると：

解決策は、テキストエリアでキーアップ イベントをリッスンするのではなく、の本体でリッスンすることです。

それが私がしたことです、私は iframe > html > body を聞きました:.wysihtml5-editor

しかし、今、次のエラーが発生します。

Uncaught TypeError: Cannot read property 'length' of undefined

したがって、jQuery 部分が何らかの理由で本体を見つけていないことを意味します (iframe 内にない要素を見つけます)。

何が問題で、考えられる解決策は何ですか?

ここに画像の説明を入力

4

1 に答える 1