Vue使用Vditor编辑器

Roc-xb

已于 2024-09-15 06:00:35 修改

阅读量1.7w

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vue

于 2020-11-20 09:45:55 首次发布

本文链接：https://blog.csdn.net/qq_19309473/article/details/109732961

前端专栏收录该内容

124 篇文章 ¥49.90 ¥99.00

订阅专栏

1、安装

2、使用

3、获取编辑内容

1、安装

npm install vditor --save

2、使用

<template>
    <div id="vditor" name="description" ></div>
</template>
<script>
import Vditor from "vditor";
import "vditor/src/assets/scss/index.scss";
export default {
    data(){
        return{
            editor:""
        }
    },
    mounted(){
        this.contentEditor = new Vditor("vditor",{
            height:360,
            toolbarConfig:{
                pin:true
            },
            cache:{
                enable:false
            },
            after:()=>{
                this.editor.setValue("hello,Vditor")

了解本专栏