vue.js javascript Vue-Vue3 集成编辑器功能

1、安装依赖

编辑器插件需要安装 @wangeditor/editor 和 @wangeditor/editor-for-vue 两个插件

npm install @wangeditor/editor --save

vue3运行如下命令安装

npm install @wangeditor/editor-for-vue@next --save

vue2运行如下命令安装

npm install @wangeditor/editor-for-vue --save

安装后可在 Vue 项目的 package.json 中查看安装依赖项

2、插件使用

本文章针对 Vue3 项目，在 Vue 组件中使用方式如下：

效果

更多

插件详细使用说明请查阅官网文档： https://www.wangeditor.com/

提示：

官网示例当中的 editor 在 Vue3 中需要通过 ref 方式获取组件实例，官网示例中组件方法调用需要加上 .value，如管网 “编辑器配置” 一说明文档中，editor.getConfig() 对应 Vue3 写法是 editor.value.getConfig()

组件实例获取方式如下：

相关文章

 您阅读本篇文章共花了：