diff --git a/docs/zh-CN/components/form/editor.md b/docs/zh-CN/components/form/editor.md index ab4f0ec9c..0b4213156 100755 --- a/docs/zh-CN/components/form/editor.md +++ b/docs/zh-CN/components/form/editor.md @@ -103,6 +103,27 @@ order: 19 } ``` +## 编辑器展现控制 + +通过 `options` 来控制编辑器展现,比如下面的配置可以关闭行号 + +```schema: scope="body" +{ + "type": "form", + "api": "/api/mock2/form/saveForm", + "body": [ + { + "type": "editor", + "name": "editor", + "label": "编辑器", + "options": { + "lineNumbers": "off" + } + } + ] +} +``` + ## 属性表 除了支持 [普通表单项属性表](./formitem#%E5%B1%9E%E6%80%A7%E8%A1%A8) 中的配置以外,还支持下面一些配置 @@ -112,4 +133,4 @@ order: 19 | language | `string` | `javascript` | 编辑器高亮的语言,支持通过 `${xxx}` 变量获取 | | size | `string` | `md` | 编辑器高度,取值可以是 `md`、`lg`、`xl`、`xxl` | | allowFullscreen | `boolean` | `false` | 是否显示全屏模式开关 | -| options | `object` | | monaco 编辑器的其它配置,比如是否显示行号等,请参考[这里](https://microsoft.github.io/monaco-editor/api/enums/monaco.editor.editoroption.html),不过无法设置 readOnly,只读模式需要使用 `disabled: true` | +| options | `object` | | monaco 编辑器的其它配置,比如是否显示行号等,请参考[这里](https://microsoft.github.io/monaco-editor/api/enums/monaco.editor.EditorOption.html),不过无法设置 readOnly,只读模式需要使用 `disabled: true` | diff --git a/examples/components/Play.jsx b/examples/components/Play.jsx index b3e08e1fe..e55db85ca 100644 --- a/examples/components/Play.jsx +++ b/examples/components/Play.jsx @@ -441,6 +441,9 @@ export default class PlayGround extends React.Component { div { flex: 1; @@ -1047,7 +1048,7 @@ body.dark { } &-code { - flex-shrink: 0; - height: 200px; + border-left: 1px solid #ddd; + width: 350px; } }