Skip to content

CodeEditor 代码编辑器

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

介绍

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

基础使用

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

语言支持

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

禁用与只读

通过 disabledreadonly 属性可以控制编辑器的状态。

属性

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

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

事件

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

基于 MIT 协议