Javascript 如何创建实时HTML编辑器?

Javascript 如何创建实时HTML编辑器?,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我正在创建一个PHP网站,当你把一个文本放到textarea中时,输入的内容将实时放到一个表中,以预览结果 有没有办法让这成为可能?我不知道怎么做。我在互联网上找到了很多网站,比如“实时HTML编辑器”、“即时HTML”,它们正是我想要的。有什么JavaScript可以让这成为可能吗?试试这个 <table> <tr> <td id="real"></td> </tr> </table> <textarea i

我正在创建一个PHP网站,当你把一个文本放到
textarea
中时,输入的内容将实时放到一个表中,以预览结果

有没有办法让这成为可能?我不知道怎么做。我在互联网上找到了很多网站,比如“实时HTML编辑器”、“即时HTML”,它们正是我想要的。有什么JavaScript可以让这成为可能吗?

试试这个

<table>
<tr>
    <td id="real"></td>
</tr>
</table>
<textarea id="txt"></textarea>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('#txt').keyup(function(){
        $('#real').html($(this).val());
    });
});
</script>

$(文档).ready(函数(){
$('#txt').keyup(函数(){
$('#real').html($(this.val());
});
});

在发布新的查询之前,请阅读SO指南。我的问题出了什么问题?我怀疑投票被否决是因为期望先前的研究在问题中得到证明。听起来你找到了一些你想做什么就做什么的网站,所以也许读者认为你应该“查看源代码”看看哪些图书馆在使用(这是不可能的,因为选民们没有评论,但这是我的猜测)。这正是我要找的。非常感谢你的帮助!!如果希望它的行为类似于实时HTML编辑器(即键入“this is bold”将导致显示文本格式为粗体文本),那么它应该是
$('#Real').HTML($(this).val())
如果源字符串本身是html,则可能需要使用
.html()
。当您将此代码放入repl.it中时,它会工作。。。。