javascript - 您知道有一个 JavaScript 库可以让您嵌入实时更新网页格式的文本区域吗？

Question

我将在即将到来的类(class)中向一些有风险的 child 介绍 HTML，我们只有很少的时间向他们展示制作自己的网页是多么酷。

我想做的是构建一个充满文本框的页面模板， children 可以在其中填充文本和一些简单的格式标记。当他们更新时，分屏将更新他们的编辑结果。

我正在寻找一个免费/开源 jquery 或其他 javascript 库来帮助实现上述目标。

实际上，这与您输入问题时 stackoverflow 在预览框中所做的非常相似。

我不只是盲目地从其他网站提取代码，我更喜欢带有实际文档的东西(或者至少是一个简单的示例)。

Google 搜索显示了许多您可以在其他网站上下载或使用的工具和内容。这里理想的情况是我将库嵌入到页面中并放置在我认为合适的位置。

感谢您的帮助

编辑

正如一些人所指出的 - 这是在某些事件上更新 div 的简单问题。

<script type="text/javascript">
    $(window).keyup(function(){ 
        $('#about_me_result').html($('#about_me').val());
    });
</script>


<textarea id="about_me" name="aboutMe" rows="9" cols="60">Write a little something about you...</textarea>

我选择了 keyup，因为 keydown 总是将最后一个字符保留在其他元素之外。

Answer 1

并不真正需要图书馆。只需更新文档

$(window).keydown(function(){ 

    $('#element').html($('#sometextarea').val());
});