1. ¿Qué es un editor de texto enriquecido?
Rich Text Editor, Rich Text Editor o RTE para abreviar, es un editor de texto WYSIWYG que se puede incrustar en el navegador.
Dos, configurar en Vue
1. Descarga Vue-Quill-Editor
npm install vue-quill-editor --save
2. Descargue la pluma (Vue-Quill-Editor debe ser dependiente)
npm install quill --save
3. Cómo utilizar
<template>
<div>
<!-- 富文本编辑器 -->
<div class="box">
<quill-editor></quill-editor></div>
</div>
</template>
<script>
import {
quillEditor } from "vue-quill-editor"; //调用编辑器
import 'quill/dist/quill.core.css';
import 'quill/dist/quill.snow.css';
import 'quill/dist/quill.bubble.css';
export default {
components:{
quillEditor
},
}
</script>
<style lang="scss" scoped>
.box{
width: 500px;
height: 300px;
}
</style>