jQuery：复制内容，剥离<p>标签，并创建换行符</p>

Question

我已经成功创建了一个将div容器的内容复制到textarea字段的行为：

$('a').click(function() {
    var contents = $('.content').html();
    $('textarea').val(contents);    
});

http://jsfiddle.net/foomarks/E5sPj/6/

但是，我很难过：

1. 如何删除段落标记。
2. 如何创建单个换行符以表示段标记将被删除的位置。

任何建议都表示赞赏！

Answer 1

试试这个

$('a').click(function() {

var contents = $('.content').html();
contents = contents.replace(/<p>(.*?)<\/p>/gi,"$1\n");
$('textarea').val(contents);    

});

Answer 2

$('a').click(function() {

    var contents = $('.content').html();

    contents = contents.replace(/<p>/g, '');
    contents = contents.replace(/<\/?p>/g, '\r\n');

    $('textarea').val(contents);

});

http://jsfiddle.net/samliew/E5sPj/9/

如果您想要替换前导空格，请执行以下操作：

$('a').click(function() {

    var contents = $('.content').html();

    contents = contents.replace(/\s{2,}/g, '');
    contents = contents.replace(/<p>/g, '');
    contents = contents.replace(/<\/?p>/g, '\r\n\r\n');

    $('textarea').val(contents);

});

http://jsfiddle.net/samliew/E5sPj/11/