1.リッチテキストエディターとは何ですか?
リッチテキストエディター、リッチテキストエディター、略してRTEは、ブラウザーに埋め込むことができるWYSIWYGテキストエディターです。
2、Vueで構成
1. Vue-Quill-Editorをダウンロードする
npm install vue-quill-editor --save
2.クイルをダウンロードする(Vue-Quill-Editorは依存する必要があります)
npm install quill --save
3.使い方
<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>