javascript - 将 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/