javascript - Codemirror 预览 - 不在 iframe 中？

Question

我正在尝试做与此示例完全相同的操作，只是代码不应打印在 iframe 中，而应打印在 div 中。

http://codemirror.net/demo/preview.html

这不起作用......我需要一种不同的方法。

$("#codeMirrorTextarea").keyup(function () {
     $("#div").html($(this).val());
});

希望你能帮忙！

Answer 1

使用普通的 JS：

t = document.getElementById('code');
t.addEventListener('input',function(){
    document.getElementById('result').innerHTML = t.value;
});

使用 oninput 事件处理程序增加了对非键盘设备的支持，并在此处指出

演示

编辑：使用 CodeMirror 的代码：

$(function () {
    $("textarea").each(function (i) {
        editor = CodeMirror.fromTextArea(this, {
             lineNumbers: true
        });
    });
});

document.getElementById('result').innerHTML=editor.getValue();

演示 更新的演示也更新了代码。

editor.getValue() 已在您提供的示例链接中使用。

CodeMirror 用于 getValue() 和更多方法的 API