在33个字符

Question

我想在每输入33个字符后插入换行符。

index.php

<textbox id="txt"></textbox>
<div id="typing_view"></div>

typeing.js

$(document).ready(function () {
    $('#txt').keyup(function(){
      $('#typing_view').html($(this).val());
    });
  });

所以js文件的作用是显示我正在键入的内容，但我希望它在每33个字符后插入一个换行符

输出

Answer 1

使用正则表达式

$('#typing_view').html($(this).val().replace(/([\s\S]{33})/g, '$1<br />'));

正则表达式说明：

([\s\S]{33})/g：()正在捕获群组，匹配将被捕获并可以使用$n进行访问。 [\s\S]匹配任何内容。 {33}用于匹配上一场比赛的33个字符。 g是全局标志，没有它只会匹配第一个匹配。

$1指的是第一个捕获的组，即33个字符。

$(document).ready(function() {
  $('#txt').keyup(function() {
    $('#typing_view').html($(this).val().replace(/([\s\S]{33})/g, '$1<br />'));

  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<textarea id="txt"></textarea>
<div id="typing_view"></div>