VUE2 富文本-代码编辑器

Teln_小凯

已于 2023-06-15 13:34:02 修改

阅读量228

点赞数

分类专栏： VUE 文章标签：编辑器前端

于 2023-06-15 10:59:56 首次发布

本文链接：https://blog.csdn.net/qq873113580/article/details/131223642

版权

VUE 专栏收录该内容

87 篇文章 0 订阅

订阅专栏

效果图

引用

npm install --save-dev vue2-ace-editor

使用

//代码编辑器
import Editor from 'vue2-ace-editor'

components: { Editor },

代码

<editor height="500" width="500" v-model="content" :options="{ enableBasicAutocompletion: true, enableSnippets: true,
        enableLiveAutocompletion: true,
        tabSize:6,
        fontSize:14,
        showPrintMargin:false}" :lang="'html'">
        </editor>

vue2-ace-editor F12 页面报错问题
1、注释模块里面的这个代码//editor.setTheme('ace/theme/'+theme);

2、去掉lang = html的配置