textarea line break jquery

Question

当我点击它时，我有一个按钮'编辑说明'文字消失并出现

        if (id == 'commedit') jQuery(this).html('<textarea>'+jQuery(this).text()+'</textarea>');
        else if (id == 'commsave') {
            jQuery(this).text(jQuery(this).find('textarea').val());
        }

在MySql中我有这个文本 - "tetee<br>afafaf<br>afafaf<br>afsafsasfasf"在视图中它带有换行符但是当我点击文本区域中的“编辑”时，Jquery文本出现没有行，当我点击保存时它也出现在我的一行中没有换行符的描述字段。所以我需要你的帮助

Answer 1

<br>是html中断。你想在textarea中使用\n。

jQuery(this).html().replace(/<br>/gi,"\n")

保存时，您希望将其更改为中断并使用html（）而不是text（）;

var elem = jQuery(this);
if (id === 'commedit') {
    var text = jQuery(this).html().replace(/<br>/gi,"\n");
    elem.html('<textarea>'+ text +'</textarea>');
} else if (id === 'commsave') {
    var html = elem.find('textarea').val().replace(/\n/g,"<br>");
    elem.html(html);
}

JSFiddle Example