我将在即将到来的课程中向一些有风险的孩子介绍 HTML,我们只有很少的时间向他们展示制作自己的网页是多么酷。
我想做的是建立一个充满文本框的页面模板,孩子们可以用文本和一些简单的格式标签填充这些文本框。当他们更新时,分屏会更新他们的编辑结果。
我正在寻找有助于实现上述目标的免费/开源 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 总是将最后一个字符与另一个元素分开。