JS文本框换行逻辑问题：替换\n为*\n失效原因咨询

• 正则替换写法出错：如果用正则全局替换实现换行，原来的代码是str.replace(/(.{60})/g, '$1\n')，改成插入*\n时，要是把替换字符串写错了——比如写成'$1\n*'（顺序反了）、多转义成'$1*\\n'，或者漏了引号，都会导致*不显示。正确写法应该是'$1*\n'。

• 字符计数逻辑没适配：要是用循环截取的方式处理，插入*\n后会多占2个字符，如果你还是按原始的60字符位置截取，下一段会把刚插入的和\n算进计数里，导致被覆盖或位置错乱。解决办法是循环时先把已有*\n清掉，再按纯文本的60字符分段插入*\n。

• 输入框类型不对：普通<input type="text">是单行输入框，虽然能存储\n，但显示时会转成空格，而且实时处理时可能因为单行特性导致*无法正常显示。换成<textarea>就能支持多行，*和\n都能正常渲染。

• 光标位置未重置：实时输入时处理替换后，要是没重新设置光标位置，光标会跳到错误位置，用户继续输入时会覆盖刚插入的*。替换完内容后，需要把光标移到*\n后面的位置。

给两个可用的代码示例：

正则替换写法 #

function formatInputText(str) {
  // 先清除已有的*\n，避免重复处理
  str = str.replace(/\*\n/g, '');
  // 每60个字符插入*\n
  return str.replace(/(.{60})/g, '$1*\n');
}

循环截取写法 #

function formatInputText(str) {
  // 清除已有的格式化标记
  str = str.replace(/\*\n/g, '');
  let formattedStr = '';
  const chunkSize = 60;
  for (let i = 0; i < str.length; i += chunkSize) {
    formattedStr += str.slice(i, i + chunkSize);
    // 最后一段不需要加*\n
    if (i + chunkSize < str.length) {
      formattedStr += '*\n';
    }
  }
  return formattedStr;
}

内容的提问来源于stack exchange，提问作者Matheus Prestes