0

我想要做的是允许 2 个换行符进行格式化，但阻止显示 3 个或更多（在提交之前的预览中，所以不能用 php 将其删除）

我从

var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>';    
return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n){2,}/g, '$1'+ breakTag +'$2');

我尝试添加{2,}

var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>';    
return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n){2,}/g, '$1'+ breakTag +'$2');

提供于<textarea>

this is user input
i have inserted 1 line break


i have inserted 3 line breaks



i have inserted 4 line breaks

我想要的是

this is user input
i have inserted 1 line break

i have inserted 3 line breaks

i have inserted 4 line breaks

我得到的是

this is user inputi have inserted 1 line break
i have inserted 3 line breaks
i have inserted 4 line breaks

没有 {2,} 它显示为输入

如果我们能阻止他们在 textarea 开始时连续输入超过 2 个换行符，以及在预览时清理它

* 编辑 *

$('textarea').keyup(function()
{
    var myString = $(this).val();
    myString = nl2br(myString);
    $('#preview').html(myString);
});

function nl2br (str, is_xhtml)
{
    var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>';    
    return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1'+ breakTag +'$2');
}
4

1 回答 1

1

这是替换 textarea 中的值并插入<br />div 的代码。这不在 jQuery 的上下文中，但您不必将它用于这样的事情。不过，转换为 jQuery 应该很简单。
编辑：如果 textarea 为空，则避免错误。

<script>
function oneBreak(ta) { 
  outDiv = document.getElementById('outDiv'); 
  if (ta.value.length <= 0) {
    outDiv.innerHTML = '';
  } else {
    var val = ta.value + "";
    var ln = "\n";
    //normalize line breaks
    if (val.match(/(\r\n)/g)) ln = "\r\n";
    else if (val.match(/\r/g)) ln = "\r";
    val = val.replace(/(\r\n)/g,"\n");
    val = val.replace(/\r/g,"\n");
    val = val.replace(/(\s*\n{3,})+/g,"\n\n")
    // return to default line breaks
    ta.value = val.replace(/\n/g,ln);
    outDiv.innerHTML = val.replace(/\n/g, "<br />");
  }
  return outDiv.innerHTML; 
}
</script>

<textarea id="breaks" onKeyUp="oneBreak(this);" onChange="oneBreak(this);"></textarea>

<div id="outDiv"></div>

编辑 2：添加仅空格行删除。JS 小提琴：http: //jsfiddle.net/2T2gv/

于 2013-10-13T18:56:38.270 回答