ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

monaco-editor布局篇(二)-自动换行

2026/9/15 19:18:17 拓冰建站 浏览量
monaco-editor布局篇(二)-自动换行

monaco-editor的换行方式,主要分为3种情况:

  • 不换行
  • 按照编辑器宽度换行
  • 按照制定列数换行

主要受wordwrap和wordwrapcolumn控制,具体如下:

取值含义
off不换行,会一直滚动
on换行,文本将在视区宽度内自动换行
wordWrapColumn当设置为 “wordWrapColumn” 时,文本将在指定的列数处自动换行
bounded文本将在视区宽度和指定列数的较小值处自动换行。

但是需要注意的是,当设置为on的时候,每一行换行的字符数并不是确定的,只是保证字符能够填满

例如下面:
字母填充84个,虽然没有铺满,依然换行了,而数字填充了84个;

在这里插入图片描述

更多示例请参考中文文档:monaco-editor 中文文档