0

プロジェクトの 1 つで Codemirror を使用しています。ここにコード：

<script>
window.onload = function() {
var te = document.getElementById("js");
var te_html = document.getElementById("html");
var te_css = document.getElementById("css");

window.editor = CodeMirror.fromTextArea(te, {
mode: "javascript",
    lineWrapping: true,
    });

 window.editor_css = CodeMirror.fromTextArea(te_css, {
    mode: "css",
    lineWrapping: true,
    });

  window.editor_html = CodeMirror.fromTextArea(te_html, {
    mode: "text/html",
    lineWrapping: true,
  })
};
</script>

また、Jeffrey Way の「カスタム HTML と CSS を iframe に挿入する方法」スクリプトを使用して、Tinkerbin または JSFiddle に似たものを構築しています。

その部分の私のコードは次のとおりです。

<script type="text/javascript">
(function() {
    $('.grid').height( $(window).height() );    

    var contents = $('iframe').contents(),
    body = contents.find('body'),
    styleTag = $('<style></style>').appendTo(contents.find('head'));

    $('textarea').keyup(function() {
        var $this = $(this);
        if ( $this.attr('id') === 'html') 
        {
        body.html( $this.val() );
        } 
        else 
        {
        styleTag.html( $this.val() );
        }

    });

})();
</script>

CodeMirror スクリプトが有効になっていることを除けば、すべて問題ありませんが、RESULT タブには何も表示されません。CodeMirror コード部分を削除すると、正常に動作します。

ここに私のプロジェクトリンクがあります:

http://mediodesign.ca/cms-test/

競合がどこにあるか知っている人はいますか？

ありがとうございました！

4

1 に答える 1

0

すべての JavaScript がロードされていることを確認してください

mode/javascript.js
mode/css.js
mode/xml.js

このスクリプトを xhtml ファイル内で使用している場合。二重引用符 ( )'の代わりに単一引用符 ( ) を使用する"

元。

<script>
window.onload = function() {
var te = document.getElementById('js');
var te_html = document.getElementById('html');
var te_css = document.getElementById('css');

window.editor = CodeMirror.fromTextArea(te, {
mode: 'javascript',
    lineWrapping: true,
    });

 window.editor_css = CodeMirror.fromTextArea(te_css, {
    mode: 'css',
    lineWrapping: true,
    });

  window.editor_html = CodeMirror.fromTextArea(te_html, {
    mode: 'text/html',
    lineWrapping: true,
  })
};
</script>

Jeffrey Way のHow to Inject Custom HTML and CSS into an iframe ... は codemirror スクリプトの読み込みとは無関係です

于 2012-08-10T03:12:03.940 に答える