使用Textarea同步iFrame - JavaScript

Question

CodeMirror是一種軟件，它基本上只是突出顯示您放入的文本，具體取決於語言和使用方式！

我怎麼會讓一個運行按鈕，使得它如此，當你點擊它，它需要的文本框的值，然後把它放在一個iFrame或東西，並把它出來。

例如，如果我把：

<h1>Test</h1> 

它實際上它輸出不同的畫面是這樣的：

測試

我想一個更好的方法來把這個是同步的帶有textarea的iFrame。

我想你可以使用onkeydown =「function（）;」函數並使其調用該函數，然後該函數將採用textarea的值，然後將其輸出到iFrame中。不知道如何使用JavaScript更新iFrames。

Answer 1

您可以使用document.onkeydown，並同步與您的IFRAME textarea的價值。

document.onkeydown = function(){ 
     document.getElementById("myiframe").contentDocument.body.innerHTML = document.getElementById("mytextarea").value; 
}; 

實施例：http://jsfiddle.net/CCjb2/1/