4

良いスタート

私はこの質問 " Codemirror - Use on multiple textareas? " 数年前に良い答えを出しました. ただし、パラメータとして ID を受け取ります。ID は一意です。

ID ではなくクラスでテキストエリアを検索する

同じページに複数のテキストエリア (HTML を含むものと CSS を含むもの) がある場合、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でこの投稿を見つけました。欠けている唯一のものは、テキストエリアで動作させることができないということです。

4

3 に答える 3

6

すべてのテキストエリアに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"
                    }
                );

            });
        });
于 2012-02-21T18:01:24.313 に答える