CodemirrorとiFrameの問題

Question

私のプロジェクトで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> 

に私はまた、ジェフリー・ウェイのTinkerbin、またはJSFiddleに似た何かを構築するためのスクリプト「IFRAMEにカスタムHTMLとCSSを注入する方法」を使用しています。ここで

は、その部分のために私のコードです：

<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スクリプトでことを除いて、すべての罰金ですが、何も結果]タブに表示しません。 CodeMirrorコードの部分を削除してもうまくいきます。

は、ここに私のプロジェクトのリンクです：競合がどこにある

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

誰もが知っていますか？

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

Answer 1

あなたはXHTMLファイル内でこのスクリプトを使用している場合は、すべてのJavaScript

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

をロードしていることを確認してください。二重引用符（ "）の代わりに一重引用符（ '）を使用してください。

ex。

<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> 

ジェフリー・ウェイの方法はiframeにカスタムHTMLとCSSを注入するためには... codemirrorスクリプト

をロードするのは関係ありません