[英]keep input to 2 line breaks consecutively in textarea (preview div before submit)
我想做的是允许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').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');
}
这是替换两个文本区域中的值并将<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/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.