Javascript 代码镜像自动换行

我正试图使它成为这样，当你浏览一定数量的文本，并且它达到代码镜像的最大宽度时，它将把你带到一个新行，而不是仅仅制作一个滚动条，让你走得更远

检查示例！

CSS:

.CodeMirror{高度：400px；宽度：500px；边框：1px实心#ddd；}
.CodeMirror滚动{最大高度：400px；宽度：500px；}
.CodeMirror预{显示：内联块；左侧填充：7px；行高：1.25；}
#图形{边框：1px实心#555555；浮点：左；显示：内联块；宽度：480px；高度：380px；}

文本区域：

<textarea align="left" style="display:inline-block;" id=demotext name="textarea">

JS:

var editor=CodeMirror.fromTextArea（document.getElementById（“demotext”）{
行号：对，
换行：对，
模式：“文本/html”，
对
});

在CSS3中，他们添加了自动换行属性。使用单词换行：打断单词

注意，它将在有空格的地方创建新行。如果字符串不包含空格，它将无法按预期工作，您需要通过编程方式设置

换行：正确

在代码镜像选项和

.codemirr wrap pre{
断字：断字；
}

在CSS中，您用来覆盖编辑器的CSS将完成这项工作。 如果单词的长度超过编辑器的宽度，它将在最后一个适合的字符处断开。大概是这样的：

---

您可以查看该示例，但请记住，我构建它是为了其他目的（以及角度），但它也演示了您的用例。

lineWrapping:true

效果很好。

<textarea align="left" style="display:inline-block;" id=demotext name="textarea">

  <script>
    var editor = CodeMirror.fromTextArea(document.getElementById("demotext"), {
      lineNumbers: true,
      lineWrapping: true,
      mode: "text/html",
      matchBrackets: true
    });
  </script>