Question

我希望通过预览功能实现此编辑器的功能。

我有这个HTML：

    <textarea id="tbMsg" style="height:450px;width:100%;"></textarea>

我希望上面的textarea中的任何内容都能在2秒左右进入这个div。

      <DIV id="preview" style="BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 3px; 
    BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #c0c0c0 1px solid; WIDTH: 660px; 
    PADDING-TOP: 3px; BORDER-BOTTOM: #c0c0c0 1px solid; HEIGHT: 700px"></DIV>

我有这个javascript / jquery：

    <script type="text/javascript">
   $(function() {
    $('#tbMsg').keyup( function() {
        alert(1);
        var text = $(this).val();
        $('#preview').html(text);
    });
});
    </script>

警报1永远不会发生，这意味着请求未成功。我的jquery出了什么问题？

Answer 1

您可能需要考虑进行keyUp detection而不是定时同步。

$(function() {
    $('#tbMsg').on('keyup', function() {
        var text = $(this).val();
        $('#preview').html(text);
    });
});

Answer 2

页面加载时，条件：

if (bbcode != $("#tbMsg").val())

失败，因为bbcode是＆＃34;＆＃34;而textarea是空的。

使用jquery预览用户文本

2 个答案: