| 1 |
- {"remainingRequest":"D:\\Desktop\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Desktop\\supervision-ui\\src\\components\\Editor\\index.vue?vue&type=style&index=0&id=7480c5e0&scoped=true&lang=scss&","dependencies":[{"path":"D:\\Desktop\\supervision-ui\\src\\components\\Editor\\index.vue","mtime":1647101026757},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1647101097753},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1647222689826},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1647222688926},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1647222687760},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1647101096564},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1647222689264}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQouZWRpdG9yIHsNCiAgaGVpZ2h0OiAxMzBweDsNCiAgd2lkdGg6IDgyN3B4Ow0KICBtYXJnaW46IGF1dG87DQogIG1hcmdpbi1ib3R0b206IDUwcHg7DQp9DQoubG9jYWwtcXVpbGwtZWRpdG9yIHAgew0KICBjb2xvcjogI2ZmZjsNCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/Editor","sourcesContent":["<template>\r\n <div>\r\n <div class=\"local-quill-editor\">\r\n <quill-editor\r\n ref=\"myLQuillEditor\"\r\n v-model=\"content\"\r\n :options=\"editorOption\"\r\n class=\"editor\"\r\n @change=\"onEditorChange\"\r\n >\r\n </quill-editor>\r\n </div>\r\n </div>\r\n <!-- @blur=\"onEditorBlur\" @focus=\"onEditorFocus\" @change=\"onEditorChange\"> -->\r\n</template>\r\n\r\n<script>\r\n// 引入样式和quillEditor\r\nimport \"quill/dist/quill.core.css\";\r\nimport \"quill/dist/quill.snow.css\";\r\nimport \"quill/dist/quill.bubble.css\";\r\nimport { quillEditor } from \"vue-quill-editor\";\r\n\r\n// 工具栏配置项\r\nconst toolbarOptions = [\r\n // 加粗 斜体 下划线 删除线 -----['bold', 'italic', 'underline', 'strike']\r\n [\"bold\", \"italic\", \"underline\", \"strike\"],\r\n\r\n // 引用 代码块-----['blockquote', 'code-block']\r\n [\"blockquote\"],\r\n\r\n // 1、2 级标题-----[{ header: 1 }, { header: 2 }]\r\n [{ header: 1 }, { header: 2 }],\r\n\r\n // 有序、无序列表-----[{ list: 'ordered' }, { list: 'bullet' }]\r\n\r\n // 上标/下标-----[{ script: 'sub' }, { script: 'super' }]\r\n\r\n // 缩进-----[{ indent: '-1' }, { indent: '+1' }]\r\n [{ indent: \"-1\" }, { indent: \"+1\" }],\r\n\r\n // 文本方向-----[{'direction': 'rtl'}]\r\n [{ direction: \"rtl\" }],\r\n\r\n // 字体大小-----[{ size: ['small', false, 'large', 'huge'] }]\r\n [{ size: [\"small\", false, \"large\", \"huge\"] }],\r\n\r\n // 标题-----[{ header: [1, 2, 3, 4, 5, 6, false] }]\r\n [{ header: [1, 2, 3, 4, 5, 6, false] }],\r\n\r\n // 字体颜色、字体背景颜色-----[{ color: [] }, { background: [] }]\r\n [{ color: [] }, { background: [] }],\r\n\r\n // 字体种类-----[{ font: [] }]\r\n\r\n // 对齐方式-----[{ align: [] }]\r\n [{ align: [] }],\r\n\r\n // 清除文本格式-----['clean']\r\n [\"clean\"],\r\n\r\n // 链接、图片、视频-----['link', 'image', 'video']\r\n [\"image\", \"video\"],\r\n];\r\n\r\nexport default {\r\n name: \"LocalQuillEditor\",\r\n // 注册 quillEditor\r\n components: {\r\n quillEditor,\r\n },\r\n props:{\r\n options:Object\r\n },\r\n data() {\r\n return {\r\n content: \"\",\r\n editorOption: {\r\n modules: {\r\n toolbar: toolbarOptions,\r\n },\r\n theme: \"snow\",\r\n placeholder: \"请输入正文\",\r\n // Some Quill optiosn...\r\n },\r\n };\r\n },\r\n methods: {\r\n // 失去焦点事件\r\n onEditorBlur(e) {\r\n console.log(\"onEditorBlur: \", e);\r\n },\r\n // // 获得焦点事件\r\n // onEditorFocus(e) {\r\n // console.log('onEditorFocus: ', e)\r\n // },\r\n // 内容改变事件\r\n onEditorChange(e) {\r\n // console.log('onEditorChange: ', e)\r\n this.$emit(\"btn\", this.content);\r\n }\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.editor {\r\n height: 130px;\r\n width: 827px;\r\n margin: auto;\r\n margin-bottom: 50px;\r\n}\r\n.local-quill-editor p {\r\n color: #fff;\r\n}\r\n</style>"]}]}
|
