javascript - 文本区域换行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"在 View 中它显示了换行符但是当我在带有 Jquery 文本的文本区域中单击“编辑”时出现没有行并且当我单击保存时它也出现在我的描述字段中的一长行没有换行符。所以我需要你的帮助

Answer 1

<br>是 html 中断。你要\n在文本区域中。

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

当你保存的时候，你想把它改回 breaks 并且使用 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