Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 代码镜像预览-不在iframe中?_Javascript_Jquery_Html_Codemirror - Fatal编程技术网

Javascript 代码镜像预览-不在iframe中?

Javascript 代码镜像预览-不在iframe中?,javascript,jquery,html,codemirror,Javascript,Jquery,Html,Codemirror,我试图做与本例完全相同的事情,只是代码不应该是iframe中的printet,而应该是div中的printet 这不管用。。。我需要一种不同的方法 $("#codeMirrorTextarea").keyup(function () { $("#div").html($(this).val()); }); 希望你能帮忙 使用纯香草JS: t = document.getElementById('code'); t.addEventListener('input',function(

我试图做与本例完全相同的事情,只是代码不应该是iframe中的printet,而应该是div中的printet

这不管用。。。我需要一种不同的方法

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

希望你能帮忙

使用纯香草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();
这也会更新代码

编辑器.getValue()已在您提供的中使用


嗨,这不是我想要的吗?问题是,我想让它与Codemirror一起工作,我到目前为止,我知道我需要一个名为getCode()的方法,但我找不到任何简单的示例。我不太了解jQuery,所以我已经用vanilla JS回答了您的问题。你所说的方法;这是jQuery方法吗?编辑:给我你的代码。那里,CodeMirror正在破坏你的文本区域。它使其成为div和pres以及其他标记。我会四处看看,看能不能帮你。你能给我一个链接,让我知道他们在哪里解释你是怎么写的吗?不管你是什么性别,我都可以吻你!谢谢:)哈哈哈。如果你是个男人,我可不喜欢那样。不客气。:)