代码编辑器

编辑代码

基本用法

运行css代码

查看代码

<template>
  <codeEditor style="height:500px" language="css" :value="css"></codeEditor>
</template>
<script setup>
  const css = `
    .box {
      width:150px;
      height:150px;
      background:#ff0000;
    }
  `

</script>

运行js代码

api

props

参数	说明	类型	默认值
value	代码内容	string	-
readOnly	是否可编辑	Boolean	-
language	语言	string	javascript
theme	主题	string	vs-dark