Vue2 - 脚手架中整合 Vditor（全网唯一一篇帮你搞定）

vue2-vditor-integration-guide

陈亦康

已于 2025-06-30 17:37:55 修改

阅读量1.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Vue2、Vue3、Vite、CSS 文章标签： vue.js Vditor

于 2023-10-25 23:18:07 首次发布

本文链接：https://blog.youkuaiyun.com/CYK_byte/article/details/134045563

Vue2、Vue3、Vite、CSS 专栏收录该内容

14 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了如何在Vue2项目中安装、引入并配置Vditor富文本编辑器，包括安装方法、引入相关文件、配置选项和实际使用示例。

免费查看本文章可前往我的网站：PiQiu

一、Vue2 框架整合 Vditor

1.1、安装

npm install vditor --save

1.2、引入 Vditor 相关文件

import Vditor from "vditor"
import "vditor/dist/index.css"

1.3、配置 Vditor

    data() {
        return {
            contentEditor: {},
        }
    },
    mounted() {
        this.contentEditor = new Vditor('vditor', {
            height: 500,
            placeholder: '此处为话题内容……',
            theme: 'clas