Javascript 代码镜像预览-不在iframe中?
我试图做与本例完全相同的事情,只是代码不应该是iframe中的printet,而应该是div中的printet 这不管用。。。我需要一种不同的方法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(
$("#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以及其他标记。我会四处看看,看能不能帮你。你能给我一个链接,让我知道他们在哪里解释你是怎么写的吗?不管你是什么性别,我都可以吻你!谢谢:)哈哈哈。如果你是个男人,我可不喜欢那样。不客气。:)