Vue2Editor 富文本 （基础）

第一步、Vue安装插件

npm install vue2-editor

第二步、引入全局/局部

import Vue from "vue";
import Vue2Editor from "vue2-editor";

Vue.use(Vue2Editor);

import { VueEditor } from "vue2-editor";

import { VueEditor, Quill } from "vue2-editor";

基础版本 代码展示

<template>
  <vue-editor v-model="content" />
</template>

<script>
import { VueEditor } from "vue2-editor";

export default {
  components: { VueEditor },

  data: () => ({
    content: "<h1>Hello</h1>"
  })
};
</script>

展示样式

<el-table-column prop="ename" label="姓名" width="180">
      <template slot-scope="scope">
            <span v-html="scope.row.ename"></span>
      </template>
</el-table-column>

效果展示

鸡毙你~~