Codemirror 预览 - 不在 iframe 中？

发布于 2024-12-12 00:11:34 字数 326 浏览 0 评论 0原文

我试图做与本例完全相同的事情，只是代码不应该在 iframe 中打印，而应该在 div 中打印。

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

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

希望您能帮忙！

原文

i am trying to do the exact same as in this example, only, the code should not be printet in an iframe, but in a div.

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

This does not work... i need a different approach.

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

Hope you can help!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

感情废物 2024-12-19 00:11:34

使用普通 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 的 API，用于使用 getValue() 和更多方法

Using plain vanilla JS:

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

Using the oninput event handler adds support to non-keyboard devices as well as pointed out here

Demo

Edit:
Code using CodeMirror:

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

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

Demo
Updated demo that updates code as well.

The editor.getValue() has been used in the example link you provided.

CodeMirror's API for usage of getValue() and more methods

回复收藏 0 原文

~没有更多了~