📄 前端代码编辑组件

引入组件

const CodeEditor = defineAsyncComponent(
  () => import("/@/components/CodeEditor/index.vue")
);

使用方法

<template>
  <div>
    <CodeEditor
      v-model="code"
      mode="go"
      theme="idea"
      :readOnly="false"
      :height="300"
    />
  </div>
</template>

Props

属性	类型	默认值	说明
modelValue	String	''	绑定的代码内容
mode	String	'go'	代码语言
theme	String	'idea'	代码编辑器的主题
height	[String, Number]	300	代码编辑器的高度
options	Object	{}	CodeMirror 的配置选项
readOnly	Boolean	false	是否只读