将iFrame与Textarea同步 - JavaScript

Question

CodeMirror是一个软件，它基本上只是突出显示您输入的文本，具体取决于语言及其非常好用！

我如何创建一个运行按钮，当你点击它时，它会获取文本框的值，然后将其放入iFrame或其他东西并将其放出。

例如，如果我把：

<h1>Test</h1>

它实际上会在不同的屏幕上输出它：

测试

我想更好的方法是将iFrame与textarea同步。

我想你可以使用onkeydown =“function（）;”函数并使其调用函数，函数将获取textarea的值，然后在iFrame中输出。只是不确定如何使用JavaScript更新iFrame。

Answer 1

您可以使用document.onkeydown，并将textarea的值与您的iframe同步。

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

示例：http://jsfiddle.net/CCjb2/1/