{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\src\\components\\Editor\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\src\\components\\Editor\\index.vue","mtime":1647228900588},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\最新\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQovLyDlvJXlhaXmoLflvI/lkoxxdWlsbEVkaXRvcg0KaW1wb3J0ICJxdWlsbC9kaXN0L3F1aWxsLmNvcmUuY3NzIjsNCmltcG9ydCAicXVpbGwvZGlzdC9xdWlsbC5zbm93LmNzcyI7DQppbXBvcnQgInF1aWxsL2Rpc3QvcXVpbGwuYnViYmxlLmNzcyI7DQppbXBvcnQgeyBxdWlsbEVkaXRvciB9IGZyb20gInZ1ZS1xdWlsbC1lZGl0b3IiOw0KDQovLyDlt6XlhbfmoI/phY3nva7pobkNCmNvbnN0IHRvb2xiYXJPcHRpb25zID0gWw0KICAvLyDliqDnspcg5pac5L2TIOS4i+WIkue6vyDliKDpmaTnur8gLS0tLS1bJ2JvbGQnLCAnaXRhbGljJywgJ3VuZGVybGluZScsICdzdHJpa2UnXQ0KICBbImJvbGQiLCAiaXRhbGljIiwgInVuZGVybGluZSIsICJzdHJpa2UiXSwNCg0KICAvLyDlvJXnlKggIOS7o+eggeWdly0tLS0tWydibG9ja3F1b3RlJywgJ2NvZGUtYmxvY2snXQ0KICBbImJsb2NrcXVvdGUiXSwNCg0KICAvLyAx44CBMiDnuqfmoIfpopgtLS0tLVt7IGhlYWRlcjogMSB9LCB7IGhlYWRlcjogMiB9XQ0KICBbeyBoZWFkZXI6IDEgfSwgeyBoZWFkZXI6IDIgfV0sDQoNCiAgLy8g5pyJ5bqP44CB5peg5bqP5YiX6KGoLS0tLS1beyBsaXN0OiAnb3JkZXJlZCcgfSwgeyBsaXN0OiAnYnVsbGV0JyB9XQ0KDQogIC8vIOS4iuaghy/kuIvmoIctLS0tLVt7IHNjcmlwdDogJ3N1YicgfSwgeyBzY3JpcHQ6ICdzdXBlcicgfV0NCg0KICAvLyDnvKnov5stLS0tLVt7IGluZGVudDogJy0xJyB9LCB7IGluZGVudDogJysxJyB9XQ0KICBbeyBpbmRlbnQ6ICItMSIgfSwgeyBpbmRlbnQ6ICIrMSIgfV0sDQoNCiAgLy8g5paH5pys5pa55ZCRLS0tLS1beydkaXJlY3Rpb24nOiAncnRsJ31dDQogIFt7IGRpcmVjdGlvbjogInJ0bCIgfV0sDQoNCiAgLy8g5a2X5L2T5aSn5bCPLS0tLS1beyBzaXplOiBbJ3NtYWxsJywgZmFsc2UsICdsYXJnZScsICdodWdlJ10gfV0NCiAgW3sgc2l6ZTogWyJzbWFsbCIsIGZhbHNlLCAibGFyZ2UiLCAiaHVnZSJdIH1dLA0KDQogIC8vIOagh+mimC0tLS0tW3sgaGVhZGVyOiBbMSwgMiwgMywgNCwgNSwgNiwgZmFsc2VdIH1dDQogIFt7IGhlYWRlcjogWzEsIDIsIDMsIDQsIDUsIDYsIGZhbHNlXSB9XSwNCg0KICAvLyDlrZfkvZPpopzoibLjgIHlrZfkvZPog4zmma/popzoibItLS0tLVt7IGNvbG9yOiBbXSB9LCB7IGJhY2tncm91bmQ6IFtdIH1dDQogIFt7IGNvbG9yOiBbXSB9LCB7IGJhY2tncm91bmQ6IFtdIH1dLA0KDQogIC8vIOWtl+S9k+enjeexuy0tLS0tW3sgZm9udDogW10gfV0NCg0KICAvLyDlr7npvZDmlrnlvI8tLS0tLVt7IGFsaWduOiBbXSB9XQ0KICBbeyBhbGlnbjogW10gfV0sDQoNCiAgLy8g5riF6Zmk5paH5pys5qC85byPLS0tLS1bJ2NsZWFuJ10NCiAgWyJjbGVhbiJdLA0KDQogIC8vIOmTvuaOpeOAgeWbvueJh+OAgeinhumikS0tLS0tWydsaW5rJywgJ2ltYWdlJywgJ3ZpZGVvJ10NCiAgWyJpbWFnZSIsICJ2aWRlbyJdLA0KXTsNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAiTG9jYWxRdWlsbEVkaXRvciIsDQogIC8vIOazqOWGjCBxdWlsbEVkaXRvcg0KICBjb21wb25lbnRzOiB7DQogICAgcXVpbGxFZGl0b3IsDQogIH0sDQogIHByb3BzOnsNCiAgICBvcHRpb25zOk9iamVjdA0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBjb250ZW50OiAiIiwNCiAgICAgIGVkaXRvck9wdGlvbjogew0KICAgICAgICBtb2R1bGVzOiB7DQogICAgICAgICAgdG9vbGJhcjogdG9vbGJhck9wdGlvbnMsDQogICAgICAgIH0sDQogICAgICAgIHRoZW1lOiAic25vdyIsDQogICAgICAgIHBsYWNlaG9sZGVyOiAi6K+36L6T5YWl5q2j5paHIiwNCiAgICAgICAgLy8gU29tZSBRdWlsbCBvcHRpb3NuLi4uDQogICAgICB9LA0KICAgIH07DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICAvLyDlpLHljrvnhKbngrnkuovku7YNCiAgICBvbkVkaXRvckJsdXIoZSkgew0KICAgICAgY29uc29sZS5sb2coIm9uRWRpdG9yQmx1cjogIiwgZSk7DQogICAgfSwNCiAgICAvLyAvLyDojrflvpfnhKbngrnkuovku7YNCiAgICAvLyBvbkVkaXRvckZvY3VzKGUpIHsNCiAgICAvLyAgIGNvbnNvbGUubG9nKCdvbkVkaXRvckZvY3VzOiAnLCBlKQ0KICAgIC8vIH0sDQogICAgLy8g5YaF5a655pS55Y+Y5LqL5Lu2DQogICAgb25FZGl0b3JDaGFuZ2UoZSkgew0KICAgICAgLy8gY29uc29sZS5sb2coJ29uRWRpdG9yQ2hhbmdlOiAnLCBlKQ0KICAgICAgIHRoaXMuJGVtaXQoImJ0biIsIHRoaXMuY29udGVudCk7DQogICAgfQ0KICB9LA0KfTsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAiBA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;;AAEA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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>"]}]}