在 Vue 3 中安装和使用 mavon-editor富文本编辑器
在 Vue 3 中安装和使用 mavon-editor
富文本编辑器的步骤如下:
- 安装
mavon-editor
:
npm install mavon-editor
- 在 Vue 组件中导入并注册
mavon-editor
:
<template>
<mavon-editor v-model="content"/>
</template>
<script>
import { ref } from 'vue';
import { mavonEditor } from 'mavon-editor';
import 'mavon-editor/dist/css/index.css';
export default {
components: {
mavonEditor
},
setup() {
const content = ref('');
return { content };
}
};
</script>
- 在你的 Vue 组件模板中使用
<mavon-editor>
标签,并通过v-model
绑定一个响应式数据(这里是content
)来实现数据的双向绑定。
确保你已经在项目中正确安装了 mavon-editor
并导入了必要的 CSS 文件。这样,你就可以在 Vue 3 应用中使用 mavon-editor
了。
评论已关闭