返回介绍

129.JCodeEditor组件

发布于 2020-09-14 22:20:38 字数 1710 浏览 1292 评论 0 收藏 0

说明: 一个简易版的代码编辑器,支持语法高亮

参数配置

参数类型必填说明
languagestring表示当前编写代码的类型 javascript/html/css/sql
placeholderstringplaceholder
lineNumbersBoolean是否显示行号
fullScreenBoolean是否显示全屏按钮
zIndexstring全屏以后的z-index

使用示例

<template>
  <div>
    <j-code-editor
      language="javascript"
      v-model="editorValue"
      :fullScreen="true"
      style="min-height: 100px"/>
    \{\{ editorValue \}\}
  </div>
</template>

<script>
  import JCodeEditor from '@/components/jeecg/JCodeEditor'
  export default {
    components: {JCodeEditor},
    data() {
      return {
        form: this.$form.createForm(this),
        editorValue:'',
      }
    }
  }
</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文