CodeEditor 代码编辑器

表单中用于编辑代码的高级输入控件。

介绍

代码编辑器支持多种编程语言，可以与表单组件结合使用。

基础使用

代码编辑器支持多种编程语言，可以与表单组件结合使用。

语言支持

代码编辑器支持多种编程语言，通过 language 属性指定。

禁用与只读

通过 disabled 和 readonly 属性可以控制编辑器的状态。

属性

type CodeEditorLang = 'js' | 'java' | 'sql' | 'json'

/** 代码编辑器组件属性 */
interface CodeEditorProps extends FormComponentProps {
  /** modelValue */
  modelValue?: string
  /** 编程语言 */
  language?: CodeEditorLang
}

事件

export interface CodeEditorEmits {
  /** 输入时持续更新 */
  (e: 'update:modelValue', value: string): void
}