vue wangeditor.
时间: 2023-11-03 11:06:41 浏览: 105
wangeditor
Vue wangeditor是一种基于wangEditor二次封装的Vue.js的Web富文本编辑器。它是一个轻量、简洁且易于使用的开源编辑器,并且兼容常见的PC浏览器如Chrome、Firefox、Safari、Edge、QQ浏览器和IE等。
安装vue wangeditor的步骤如下:
1. 打开终端,进入你的项目目录。
2. 运行以下命令安装依赖:`yarn add @wangeditor/editor-for-vue` 或者 `npm install @wangeditor/editor-for-vue --save`。
3. 在你的Vue组件中引入vue wangeditor:`import { Wangeditor } from '@wangeditor/editor-for-vue'`。
4. 在Vue组件中使用vue wangeditor的示例代码如下:
```
<template>
<div>
<wangeditor v-model="content" />
</div>
</template>
<script>
import { Wangeditor } from '@wangeditor/editor-for-vue';
export default {
components: {
Wangeditor
},
data() {
return {
content: ''
};
}
};
</script>
```
阅读全文