编辑模式

即时渲染模式

描述问题

首行 设置 标题，第二行开始 都输入 普通文本，输入多行后，用键盘 上下键操作光标，会发现 光标从上倒下，一行一行的移动，是正常的；但从底端往上移动时，异常，会莫名其妙的跳过若干行，而且绝大多数时候，会直接跳到第一行的标题内（目前只发现 Chrome 内有此问题，包括电脑上的，以及 安卓手机上的 Chrome 和 默认浏览器； 但在 Edge 和 Firefox 上无此问题。）

尝试的解决方案：

经过反复测试，怀疑 Chrome 针对 <pre> 内 光标上下行移动时，处理异常。

方案1：把 pre 的 white-space 设置为 normal 光标问题解决，但输入回车后，无法看到换行（此方案废弃）

方案2：对照其他使用 pre 的编辑器（例如：https://stackedit.io/app#），发现使用 <br> 无此问题；所以我在 setValue & input 内 扩展 preview.transform 接口，保证输入时，即时渲染可让外部知晓；然后在 transform 回调内将 ‘\n’ 替换为 <br> ，问题解决。

但此项改动，感觉对内容渲染影响过大，不知会影响到什么，所以不敢擅自提交修改，建议参考 ‘方案2’，针对渲染后的内容在合适的代码位置使用 <br> 替换 '\n'。

preview: {
    transform: function(html) {
      html = html.replace(/\n/ig, '<br>');
      return html;
    }
  },