Editors.vue
961 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<template>
<div id="pageEditor">
<v-container grid-list-xl fluid>
<v-layout row wrap>
<v-flex sm12>
<h3 class="pa-0">Awesome Quill Editor <a href="https://quilljs.com">Offical Website</a></h3>
</v-flex>
<v-flex sm12>
<quill-editor
class="quill"
:content="content"
:options="editorOption"
>
</quill-editor>
</v-flex>
</v-layout>
</v-container>
</div>
</template>
<script>
import 'quill/dist/quill.core.css';
import 'quill/dist/quill.snow.css';
import 'quill/dist/quill.bubble.css';
import { quillEditor } from 'vue-quill-editor';
export default {
components: {
quillEditor
},
data () {
return {
content: 'Compose Epic Story...',
editorOption: {
}
};
},
computed: {
},
methods: {
}
};
</script>
<style lang="stylus" scoped>
.quill
height : 520px
</style>