我希望用户在我的 <textarea> 中看到换行符而不是 <br>

Question

当我在<textarea> 中输入br 时，我的意思是：

<br>

按下键 13（返回）时，我将 br 插入到 .message <textarea> 中。这在我的<div> 中与.M 类进行了很好的换行。

我的问题是用户在.message<textarea> 中看到br。我必须把它放在那里，否则下次按下键时不会添加br。

这是我的代码：

$('.message').keyup(function(e){
        pos = $('.message').prop("selectionStart");
        start = $('.message').val().substring(0,pos);
        end = $('.message').val().substring(pos);
    //preventers
    if(e.keyCode==222){$('.message').val(msg);$('.M').html(msg);}else{msg = $('.message').val();$('.M').html(msg);}
    //replacers
        if(e.keyCode==13){msg = start+'<br>'+end;$('.message').val(msg);$('.M').html(msg);}else{msg = $('.message').val();$('.M').html(msg);}
    //sweep
    pattern=/'/gi;var illegal=msg.match(pattern);
    if(illegal!==null){illegal=illegal.length;while(illegal>0){msg=msg.replace("'","");msg=msg.replace('"','');$('.M').html(msg);$('.message').val(msg);illegal--;}}
    pattern=/"/gi;var illegal=msg.match(pattern);
    if(illegal!==null){illegal=illegal.length;while(illegal>0){msg=msg.replace("'","");msg=msg.replace('"','');$('.M').html(msg);$('.message').val(msg);illegal--;}}
});

HTML：

<textarea class="message" id="message" value="" maxlength="75"
         style="position:relative;top:1p‌​x;left:5px;resize:none;border:none;background:none;height:17px;width:428px;">
</te‌​xtarea>


<div class="M_" 
     style="position:relative;top:100px;left:0px;height:160px;width:200px;c‌​olor:#000;z-index:2;">
</div> 

Answer 1

我认为您在执行替换时可能会重新考虑。如果您尝试以交互方式执行此操作，您将遇到困难。最好等待数据的提交并且只更改正在发送到服务器的数据。