codemirrorはクラスごとにテキストエリアを見つけることができますか？

Question

良いスタート

私は良い答えで数年前にこの質問「Codemirror - Use on multiple textareas?」を尋ねました。しかし、それはまだIDとしてパラメータを取る。 IDはユニークです。複数のテキストエリアを持つ場合には、クラスの代わりに、IDによって

検索TEXTAREAは

、同じページ上のCSSとHTMLでいくつかの、いくつかは、IDの代わりにクラスを追加するとよいでしょう。

例

<p>Some content</p> 

<textarea class="my_codemirror_html"> 
</textarea> 

<p>Some content</p> 

<textarea class="my_codemirror_html"> 
</textarea>' 

私はそれは大丈夫です、それのためのjQueryを使用することができます。とにかくそれをページ上で使用しています。

アップデート2012-02-21 - ほとんどが

私はjsFiddle上で、この記事を見つけました。行方不明の唯一の事は、私がテキストエリアでそれを動作させることができないということです。

Answer 1

すべてのテキストエリアにjQueryのIDを追加して解決しました。

jQuery(document).ready(function($) { 
      var code_type = ''; 
      $('.code-html').each(function(index) { 
       $(this).attr('id', 'code-' + index); 
       CodeMirror.fromTextArea(document.getElementById('code-' + index), { 
         mode: "text/html", 
         lineNumbers: true, 
         tabMode: "indent" 
        } 
       ); 

      }); 
     }); 

Answer 2

これは少ない複雑と簡単に解決策になります。

$('.my_codemirror_html').each(function(index, elem){ 
     CodeMirror.fromTextArea(elem, {/*options*/}); 
});