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

原文 标签 javascript jquery html real-time wysiwyg

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

我想做的是建立一个充满文本框的页面模板, children 可以用文本和一些简单的格式标签填充这些文本框。当他们更新时,分屏会更新他们的编辑结果。

我正在寻找有助于实现上述目标的免费/开源 jquery 或其他 javascript 库。

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

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

谷歌搜索显示了许多可以下载或在其他网站上使用的工具和东西。这里的理想是我嵌入到页面中的库,并在我认为合适的位置放置。

谢谢你的帮助

编辑

正如一些人所指出的 - 这是在某些事件上更新 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 总是将最后一个字符与另一个元素分开。

最佳答案

没有真正需要图书馆。只需更新文档

$(window).keydown(function(){ 

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

关于javascript - 你知道一个 javascript 库可以让你嵌入实时更新网页格式的文本区域吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10440343/

相关文章:

javascript - 将控件和事件绑定(bind)到 Rails 中的 JS 文件

javascript - 在启动模式窗口上启动 ajax (ASP.NET MVC)

javascript - MongoDB 中的嵌套模式

javascript - 具有可折叠和不可折叠元素的导航栏

javascript - 在div标签下立即调用脚本会发生什么情况?

html - 尝试将SASS编译为网站的CSS时出错

javascript - 如何更改轮廓颜色 v-text-field vuetify.js

javascript - 有人可以帮助解释这个 jQuery 代码吗?

javascript - div的动态高度

html - 使用 HTML5 嵌入式视频与带有 YouTube 链接的 iframe 有什么区别?