以封装 wangEditor 富文本编辑器为例,浅记 VUE 组件封装方式。本篇不涉及 wangEditor 具体使用方法介绍,如需要了解,请移步官网:wangEditor-轻量级 web 富文本编辑器。
VUE 版本:3.0。
1. 插件页面定义
<template>
<div id="demoEditor">
</div>
</template>
<script>
//导入 WangEditor 插件
import WangEditor from 'wangeditor';
export default {
//命名空间, 可理解为本页面暴露给外部的名称
name: 'demoEditor',
data() {
return {
demoEditorHtml: ""
}
},
methods