{"ast":null,"code":"import 'quill/dist/quill.core.css';\nimport 'quill/dist/quill.snow.css';\nimport 'quill/dist/quill.bubble.css';\nimport { quillEditor } from 'vue-quill-editor';\nexport default {\n  name: 'txtMain',\n  props: ['textVisible', 'content'],\n  components: {\n    quillEditor\n  },\n  data() {\n    return {\n      contentValue: '',\n      editorOption: {\n        // Some Quill options...\n      }\n    };\n  },\n  methods: {\n    onEditorBlur(quill) {\n      console.log('editor blur!', this.content, quill);\n    },\n    onEditorFocus(quill) {\n      console.log('editor focus!', quill);\n    },\n    onEditorReady(quill) {\n      console.log('editor ready!', quill);\n    },\n    onEditorChange({\n      quill,\n      html,\n      text\n    }) {\n      console.log('editor change!', quill, html, text);\n      this.content = html;\n    }\n  },\n  computed: {\n    editor() {\n      return this.$refs.myQuillEditor.quill;\n    }\n  },\n  mounted() {\n    this.contentValue = this.content;\n  }\n};","map":{"version":3,"names":["quillEditor","name","props","components","data","contentValue","editorOption","methods","onEditorBlur","quill","console","log","content","onEditorFocus","onEditorReady","onEditorChange","html","text","computed","editor","$refs","myQuillEditor","mounted"],"sources":["src/views/components/txtMain.vue"],"sourcesContent":["<template>\n    <div class=\"txtMain\">\n        <quill-editor ref=\"myQuillEditor\" v-model=\"contentValue\" :options=\"editorOption\" @blur=\"onEditorBlur($event)\"\n            @focus=\"onEditorFocus($event)\" @ready=\"onEditorReady($event)\" />\n    </div>\n</template>\n  \n<script>\nimport 'quill/dist/quill.core.css'\nimport 'quill/dist/quill.snow.css'\nimport 'quill/dist/quill.bubble.css'\nimport { quillEditor } from 'vue-quill-editor'\nexport default {\n    name: 'txtMain',\n    props: [\n        'textVisible',\n        'content'\n    ],\n    components: {\n        quillEditor\n    },\n    data() {\n        return {\n            contentValue: '',\n            editorOption: {\n                // Some Quill options...\n            }\n        };\n    },\n    methods: {\n        onEditorBlur(quill) {\n            console.log('editor blur!', this.content, quill)\n        },\n        onEditorFocus(quill) {\n            console.log('editor focus!', quill)\n        },\n        onEditorReady(quill) {\n            console.log('editor ready!', quill)\n        },\n        onEditorChange({ quill, html, text }) {\n            console.log('editor change!', quill, html, text)\n            this.content = html\n        }\n    },\n    computed: {\n        editor() {\n            return this.$refs.myQuillEditor.quill\n        }\n    },\n    mounted() {\n        this.contentValue = this.content;\n    },\n};\n</script>\n  \n<style scoped></style>"],"mappings":"AAQA;AACA;AACA;AACA,SAAAA,WAAA;AACA;EACAC,IAAA;EACAC,KAAA,GACA,eACA,UACA;EACAC,UAAA;IACAH;EACA;EACAI,KAAA;IACA;MACAC,YAAA;MACAC,YAAA;QACA;MAAA;IAEA;EACA;EACAC,OAAA;IACAC,aAAAC,KAAA;MACAC,OAAA,CAAAC,GAAA,sBAAAC,OAAA,EAAAH,KAAA;IACA;IACAI,cAAAJ,KAAA;MACAC,OAAA,CAAAC,GAAA,kBAAAF,KAAA;IACA;IACAK,cAAAL,KAAA;MACAC,OAAA,CAAAC,GAAA,kBAAAF,KAAA;IACA;IACAM,eAAA;MAAAN,KAAA;MAAAO,IAAA;MAAAC;IAAA;MACAP,OAAA,CAAAC,GAAA,mBAAAF,KAAA,EAAAO,IAAA,EAAAC,IAAA;MACA,KAAAL,OAAA,GAAAI,IAAA;IACA;EACA;EACAE,QAAA;IACAC,OAAA;MACA,YAAAC,KAAA,CAAAC,aAAA,CAAAZ,KAAA;IACA;EACA;EACAa,QAAA;IACA,KAAAjB,YAAA,QAAAO,OAAA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}