使用vue制作富文本框
这里分享一个富文本框插件,如图
使用方法:
1-安装
npm install --save vue2-editor
或者
yarn add vue2-editor
2- 使用
// Basic Use - Covers most scenarios
import { VueEditor } from 'vue2-editor'
// Advanced Use - Hook into Quill's API for Custom Functionality
import { VueEditor, Quill } from 'vue2-editor'
3- 在项目中使用
<template>
<div id="app">
<vue-editor v-model="content"></vue-editor>
</div>
</template>
<script>
import { VueEditor } from 'vue2-editor'
export default {
components: {
VueEditor
},
data() {
return {
content: '<h1>Some initial content</h1>'
}
}
}
</script>