如何创建实时HTML编辑器?

时间:2014-07-20 10:49:08

标签: javascript php jquery html

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

有没有办法让这成为可能?我不知道该怎么做。我在互联网上发现了许多网站,如“实时HTML编辑器”,“即时HTML”,它们正是我想要的。是否有任何JavaScript可以实现这一目标?

1 个答案:

答案 0 :(得分:3)

试试这个

<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>