| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\wangEditor\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\wangEditor\\index.vue","mtime":1761185180039},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgbW9uYWNvIGZyb20gJy4vbW9uYWNvJzsNCmltcG9ydCBFIGZyb20gJ3dhbmdlZGl0b3InOw0KaW1wb3J0IEFsZXJ0TWVudSBmcm9tICcuL2VkaXRvcic7DQppbXBvcnQgSHRtbE1lbnUgZnJvbSAnLi9odG1sJzsNCmltcG9ydCB1cGxvYWRQaWN0dXJlcyBmcm9tICdAL2NvbXBvbmVudHMvdXBsb2FkUGljdHVyZXMnOw0KaW1wb3J0IHVwbG9hZFZpZGVvIGZyb20gJ0AvY29tcG9uZW50cy91cGxvYWRWaWRlbzInOw0KaW1wb3J0IHsgZ2V0Q29va2llcyB9IGZyb20gJ0AvbGlicy91dGlsJzsNCg0KaW1wb3J0IHV0aWwgZnJvbSAnLi4vLi4vdXRpbHMvYnVzJzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ0luZGV4JywNCiAgY29tcG9uZW50czogew0KICAgIHVwbG9hZFBpY3R1cmVzLA0KICAgIHVwbG9hZFZpZGVvLA0KICAgIG1vbmFjbywNCiAgfSwNCiAgcHJvcHM6IHsNCiAgICBjb250ZW50OiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgICBkZWZhdWx0OiAnJywNCiAgICB9LA0KICB9LA0KDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIG1vbmFjb0JveDogZmFsc2UsDQogICAgICB2YWx1ZTogJycsDQogICAgICBtb2RhbFBpYzogZmFsc2UsDQogICAgICBpc0Nob2ljZTogJ+WkmumAiScsDQogICAgICBwaWNUaXQ6ICdkYW5Gcm9tJywNCiAgICAgIGltZzogJycsDQogICAgICBtb2RhbFZpZGVvOiBmYWxzZSwNCiAgICAgIGVkaXRvcjogbnVsbCwNCiAgICAgIHVwbG9hZFNpemU6IDIsDQogICAgICB2aWRlbzogJycsDQoNCiAgICAgIC8vIGhlYWRlcjogew0KICAgICAgLy8gICAiQXV0aG9yaS16YXRpb24iOiAiQmVhcmVyICIgKyBnZXRDb29raWVzKCJ0b2tlbiIpLA0KICAgICAgLy8gfSwNCiAgICB9Ow0KICB9LA0KICB3YXRjaDogew0KICAgIGluaXRFZGl0b3IodmFsKSB7DQogICAgICBpZiAodmFsKSB7DQogICAgICAgIHRoaXMuZWRpdG9yLnR4dC5odG1sKHRoaXMuY29udGVudCk7DQogICAgICB9IGVsc2Ugew0KICAgICAgICB0aGlzLmVkaXRvci50eHQuaHRtbCgnJyk7DQogICAgICB9DQogICAgfSwNCiAgfSwNCiAgY29tcHV0ZWQ6IHsNCiAgICBpbml0RWRpdG9yKCkgew0KICAgICAgcmV0dXJuIHRoaXMuY29udGVudCAmJiB0aGlzLmVkaXRvcjsNCiAgICB9LA0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIC8vIHdpbmRvdy5nZXR2aWRlb2ludCA9IHRoaXMuZ2V0dmlkZW9pbnQ7DQogICAgLy8gd2luZG93LmdldEh0bWxpbnQgPSB0aGlzLmdldEh0bWxpbnQ7DQogIH0sDQogIG1vdW50ZWQoKSB7DQogICAgdGhpcy5jcmVhdGVFZGl0b3IoKTsNCiAgICB1dGlsLiRvbignVmlkZW8nLCAoVmlkZW8pID0+IHsNCiAgICAgIHRoaXMuZ2V0dmlkZW9pbnQoKTsNCiAgICB9KTsNCiAgICB1dGlsLiRvbignSHRtbCcsIChIdG1sKSA9PiB7DQogICAgICB0aGlzLmdldEh0bWxpbnQoKTsNCiAgICB9KTsNCiAgfSwNCg0KICBtZXRob2RzOiB7DQogICAgY2hhbmdlVmFsdWUodmFsdWUpIHsNCiAgICAgIHRoaXMubmV3SHRtbCA9IHZhbHVlOw0KICAgICAgdGhpcy4kZW1pdCgnZWRpdG9yQ29udGVudCcsIHZhbHVlKTsNCg0KICAgICAgdGhpcy4kZW1pdCgnaW5wdXQnLCB2YWx1ZSk7DQogICAgfSwNCiAgICAvLyDojrflj5blpJrlvKDlm77kv6Hmga8NCiAgICBnZXRQaWMocGMpIHsNCiAgICAgIGxldCBfdGhpcyA9IHRoaXM7DQogICAgICBfdGhpcy5pbWcgPSBwYzsNCiAgICAgIF90aGlzLm1vZGFsUGljID0gZmFsc2U7DQogICAgICBfdGhpcy5pbWcubWFwKChkKSA9PiB7DQogICAgICAgIHRoaXMuZWRpdG9yLmNtZC5kbygnaW5zZXJ0SFRNTCcsIGA8aW1nIHNyYz0iJHtkLmF0dF9kaXJ9IiBzdHlsZT0ibWF4LXdpZHRoOjEwMCU7Ii8+YCk7DQogICAgICB9KTsNCiAgICB9LA0KICAgIGdldGltZygpIHsNCiAgICAgIHRoaXMubW9kYWxQaWMgPSB0cnVlOw0KICAgICAgdGhpcy5pc0Nob2ljZSA9ICflpJrpgIknOw0KICAgIH0sDQogICAgZ2V0dmlkZW9pbnQoKSB7DQogICAgICAvLyB0aGlzLm1vZGFsVmlkZW8gPSB0cnVlOw0KICAgICAgdGhpcy4kdmlkZW9Nb2RhbCgoZSkgPT4gew0KICAgICAgICBjb25zb2xlLmxvZyhlKTsNCiAgICAgICAgbGV0IF90aGlzID0gdGhpczsNCiAgICAgICAgX3RoaXMubW9kYWxWaWRlbyA9IGZhbHNlOw0KICAgICAgICB0aGlzLnZpZGVvID0gZTsNCiAgICAgICAgbGV0IHZpZGVvSFRNTCA9DQogICAgICAgICAgJzx2aWRlbyBzcmM9IicgKyB0aGlzLnZpZGVvICsgJyIgY29udHJvbHMgc3R5bGU9Im1heC13aWR0aDoxMDAlO21pbi1oZWlnaHQ6NTAwcnB4Ij48L3ZpZGVvPjxwPjxicj48L3A+JzsNCiAgICAgICAgdGhpcy5lZGl0b3IuY21kLmRvKCdpbnNlcnRIVE1MJywgdmlkZW9IVE1MKTsNCiAgICAgIH0pOw0KICAgIH0sDQogICAgZ2V0SHRtbGludCgpIHsNCiAgICAgIHRoaXMubW9uYWNvQm94ID0gIXRoaXMubW9uYWNvQm94Ow0KICAgICAgdGhpcy52YWx1ZSA9IHRoaXMubmV3SHRtbDsNCiAgICAgIGlmICghdGhpcy5tb25hY29Cb3gpIHsNCiAgICAgICAgdGhpcy5lZGl0b3IudHh0Lmh0bWwodGhpcy5uZXdIdG1sKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIGdldHZpZGVvKGRhdGEpIHsNCiAgICAgIGxldCBfdGhpcyA9IHRoaXM7DQogICAgICBfdGhpcy5tb2RhbFZpZGVvID0gZmFsc2U7DQogICAgICB0aGlzLnZpZGVvID0gZGF0YTsNCiAgICAgIGxldCB2aWRlb0hUTUwgPQ0KICAgICAgICAnPHZpZGVvIHNyYz0iJyArIHRoaXMudmlkZW8gKyAnIiBjb250cm9scyBzdHlsZT0ibWF4LXdpZHRoOjEwMCU7bWluLWhlaWdodDo1MDBycHgiPjwvdmlkZW8+PHA+PGJyPjwvcD4nOw0KICAgICAgdGhpcy5lZGl0b3IuY21kLmRvKCdpbnNlcnRIVE1MJywgdmlkZW9IVE1MKTsNCiAgICB9LA0KDQogICAgY3JlYXRlRWRpdG9yKCkgew0KICAgICAgbGV0IF90aGlzID0gdGhpczsNCiAgICAgIGNvbnN0IG1lbnVLZXkgPSAnYWxlcnRNZW51S2V5JzsNCiAgICAgIGNvbnN0IGh0bWwgPSAnYWxlcnRIdG1sJzsNCiAgICAgIHRoaXMuZWRpdG9yID0gbmV3IEUodGhpcy4kcmVmc1snd2FuZy1lZGl0b3InXSk7DQoNCiAgICAgIHRoaXMuZWRpdG9yLm1lbnVzLmV4dGVuZChtZW51S2V5LCBBbGVydE1lbnUpOw0KICAgICAgdGhpcy5lZGl0b3IubWVudXMuZXh0ZW5kKGh0bWwsIEh0bWxNZW51KTsNCiAgICAgIHRoaXMuZWRpdG9yLmNvbmZpZy5tZW51cyA9IHRoaXMuZWRpdG9yLmNvbmZpZy5tZW51cy5jb25jYXQoaHRtbCk7DQogICAgICB0aGlzLmVkaXRvci5jb25maWcubWVudXMgPSB0aGlzLmVkaXRvci5jb25maWcubWVudXMuY29uY2F0KG1lbnVLZXkpOw0KICAgICAgdGhpcy5lZGl0b3IuY29uZmlnLnNob3dMaW5rSW1nID0gZmFsc2U7DQogICAgICB0aGlzLmVkaXRvci5jb25maWcudXBsb2FkSW1nRnJvbU1lZGlhID0gZnVuY3Rpb24gKCkgew0KICAgICAgICBfdGhpcy5nZXRpbWcoKTsNCiAgICAgIH07DQogICAgICAvLyB0aGlzLmVkaXRvci5jb25maWcudXBsb2FkVmlkZW9IZWFkZXJzID0gX3RoaXMuaGVhZGVyOw0KICAgICAgdGhpcy5lZGl0b3IuY29uZmlnLmhlaWdodCA9IDYwMDsNCiAgICAgIHRoaXMuZWRpdG9yLmNvbmZpZy5tZW51cyA9IFsNCiAgICAgICAgJ2FsZXJ0SHRtbCcsDQogICAgICAgICdoZWFkJywNCiAgICAgICAgJ2JvbGQnLA0KICAgICAgICAnZm9udFNpemUnLA0KICAgICAgICAnZm9udE5hbWUnLA0KICAgICAgICAnaXRhbGljJywNCiAgICAgICAgJ3VuZGVybGluZScsDQogICAgICAgICdzdHJpa2VUaHJvdWdoJywNCiAgICAgICAgJ2luZGVudCcsDQogICAgICAgICdsaW5lSGVpZ2h0JywNCiAgICAgICAgJ2ZvcmVDb2xvcicsDQogICAgICAgICdiYWNrQ29sb3InLA0KICAgICAgICAnbGluaycsDQogICAgICAgICdsaXN0JywNCiAgICAgICAgLy8gInRvZG8iLA0KICAgICAgICAnanVzdGlmeScsDQogICAgICAgICdxdW90ZScsDQogICAgICAgICdlbW90aWNvbicsDQogICAgICAgICdpbWFnZScsDQogICAgICAgICdhbGVydE1lbnVLZXknLA0KICAgICAgICAvLyAidGFibGUiLA0KICAgICAgICAnY29kZScsDQogICAgICAgICdzcGxpdExpbmUnLA0KICAgICAgXTsNCiAgICAgIC8vIOmFjee9ruWFqOWxj+WKn+iDveaMiemSruaYr+WQpuWxleekug0KICAgICAgLy8gICB0aGlzLmVkaXRvci5jb25maWcuc2hvd0Z1bGxTY3JlZW4gPSBmYWxzZQ0KICAgICAgdGhpcy5lZGl0b3IuY29uZmlnLnVwbG9hZEltZ1Nob3dCYXNlNjQgPSB0cnVlOw0KICAgICAgLy8gICB0aGlzLmVkaXRvci5jb25maWcudXBsb2FkSW1nQWNjZXB0ID0gWydqcGcnLCAnanBlZycsICdwbmcnLCAnZ2lmJywgJ2JtcCcsICd3ZWJwJ10NCiAgICAgIHRoaXMuZWRpdG9yLmNvbmZpZy56SW5kZXggPSAwOw0KICAgICAgLy8gICB0aGlzLmVkaXRvci5jb25maWcudXBsb2FkSW1nTWF4U2l6ZSA9IHRoaXMudXBsb2FkU2l6ZSAqIDEwMjQgKiAxMDI0DQogICAgICB0aGlzLmVkaXRvci5jb25maWcuY29tcGF0aWJsZU1vZGUgPSAoKSA9PiB7DQogICAgICAgIC8vIOi/lOWbniB0cnVlIOihqOekuuS9v+eUqOWFvOWuueaooeW8j++8m+i/lOWbniBmYWxzZSDkvb/nlKjmoIflh4bmqKHlvI8NCiAgICAgICAgcmV0dXJuIHRydWU7DQogICAgICB9Ow0KICAgICAgdGhpcy5lZGl0b3IuY29uZmlnLm9uY2hhbmdlID0gKG5ld0h0bWwpID0+IHsNCiAgICAgICAgdGhpcy5uZXdIdG1sID0gbmV3SHRtbDsNCiAgICAgICAgdGhpcy4kZW1pdCgnZWRpdG9yQ29udGVudCcsIG5ld0h0bWwpOw0KICAgICAgfTsNCiAgICAgIHRoaXMuZWRpdG9yLmNvbmZpZy5vbmNoYW5nZVRpbWVvdXQgPSAzMDA7IC8vIGNoYW5nZeWQjuWkmuS5heabtOaWsOaVsOaNrg0KDQogICAgICB0aGlzLmVkaXRvci5jcmVhdGUoKTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;AACA;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;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/wangEditor","sourcesContent":["<template>\r\n <div>\r\n <div v-show=\"!monacoBox\">\r\n <div ref=\"wang-editor\" class=\"wang-editor\" />\r\n </div>\r\n <div v-if=\"monacoBox\">\r\n <el-button type=\"primary\" class=\"bottom\" v-db-click @click=\"getHtmlint\">可视化界面</el-button>\r\n <monaco class=\"monaco-box\" @change=\"changeValue\" :value=\"newHtml\" />\r\n </div>\r\n\r\n <el-dialog :visible.sync=\"modalPic\" width=\"1024px\" title=\"上传图片\" :close-on-click-modal=\"false\">\r\n <uploadPictures v-if=\"modalPic\" :isChoice=\"isChoice\" @getPic=\"getPic\"></uploadPictures>\r\n </el-dialog>\r\n <el-dialog :visible.sync=\"modalVideo\" width=\"1024px\" title=\"上传视频\" :close-on-click-modal=\"false\">\r\n <uploadVideo v-if=\"modalVideo\" @getVideo=\"getvideo\"></uploadVideo>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n<script>\r\nimport monaco from './monaco';\r\nimport E from 'wangeditor';\r\nimport AlertMenu from './editor';\r\nimport HtmlMenu from './html';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport uploadVideo from '@/components/uploadVideo2';\r\nimport { getCookies } from '@/libs/util';\r\n\r\nimport util from '../../utils/bus';\r\nexport default {\r\n name: 'Index',\r\n components: {\r\n uploadPictures,\r\n uploadVideo,\r\n monaco,\r\n },\r\n props: {\r\n content: {\r\n type: String,\r\n default: '',\r\n },\r\n },\r\n\r\n data() {\r\n return {\r\n monacoBox: false,\r\n value: '',\r\n modalPic: false,\r\n isChoice: '多选',\r\n picTit: 'danFrom',\r\n img: '',\r\n modalVideo: false,\r\n editor: null,\r\n uploadSize: 2,\r\n video: '',\r\n\r\n // header: {\r\n // \"Authori-zation\": \"Bearer \" + getCookies(\"token\"),\r\n // },\r\n };\r\n },\r\n watch: {\r\n initEditor(val) {\r\n if (val) {\r\n this.editor.txt.html(this.content);\r\n } else {\r\n this.editor.txt.html('');\r\n }\r\n },\r\n },\r\n computed: {\r\n initEditor() {\r\n return this.content && this.editor;\r\n },\r\n },\r\n created() {\r\n // window.getvideoint = this.getvideoint;\r\n // window.getHtmlint = this.getHtmlint;\r\n },\r\n mounted() {\r\n this.createEditor();\r\n util.$on('Video', (Video) => {\r\n this.getvideoint();\r\n });\r\n util.$on('Html', (Html) => {\r\n this.getHtmlint();\r\n });\r\n },\r\n\r\n methods: {\r\n changeValue(value) {\r\n this.newHtml = value;\r\n this.$emit('editorContent', value);\r\n\r\n this.$emit('input', value);\r\n },\r\n // 获取多张图信息\r\n getPic(pc) {\r\n let _this = this;\r\n _this.img = pc;\r\n _this.modalPic = false;\r\n _this.img.map((d) => {\r\n this.editor.cmd.do('insertHTML', `<img src=\"${d.att_dir}\" style=\"max-width:100%;\"/>`);\r\n });\r\n },\r\n getimg() {\r\n this.modalPic = true;\r\n this.isChoice = '多选';\r\n },\r\n getvideoint() {\r\n // this.modalVideo = true;\r\n this.$videoModal((e) => {\r\n console.log(e);\r\n let _this = this;\r\n _this.modalVideo = false;\r\n this.video = e;\r\n let videoHTML =\r\n '<video src=\"' + this.video + '\" controls style=\"max-width:100%;min-height:500rpx\"></video><p><br></p>';\r\n this.editor.cmd.do('insertHTML', videoHTML);\r\n });\r\n },\r\n getHtmlint() {\r\n this.monacoBox = !this.monacoBox;\r\n this.value = this.newHtml;\r\n if (!this.monacoBox) {\r\n this.editor.txt.html(this.newHtml);\r\n }\r\n },\r\n getvideo(data) {\r\n let _this = this;\r\n _this.modalVideo = false;\r\n this.video = data;\r\n let videoHTML =\r\n '<video src=\"' + this.video + '\" controls style=\"max-width:100%;min-height:500rpx\"></video><p><br></p>';\r\n this.editor.cmd.do('insertHTML', videoHTML);\r\n },\r\n\r\n createEditor() {\r\n let _this = this;\r\n const menuKey = 'alertMenuKey';\r\n const html = 'alertHtml';\r\n this.editor = new E(this.$refs['wang-editor']);\r\n\r\n this.editor.menus.extend(menuKey, AlertMenu);\r\n this.editor.menus.extend(html, HtmlMenu);\r\n this.editor.config.menus = this.editor.config.menus.concat(html);\r\n this.editor.config.menus = this.editor.config.menus.concat(menuKey);\r\n this.editor.config.showLinkImg = false;\r\n this.editor.config.uploadImgFromMedia = function () {\r\n _this.getimg();\r\n };\r\n // this.editor.config.uploadVideoHeaders = _this.header;\r\n this.editor.config.height = 600;\r\n this.editor.config.menus = [\r\n 'alertHtml',\r\n 'head',\r\n 'bold',\r\n 'fontSize',\r\n 'fontName',\r\n 'italic',\r\n 'underline',\r\n 'strikeThrough',\r\n 'indent',\r\n 'lineHeight',\r\n 'foreColor',\r\n 'backColor',\r\n 'link',\r\n 'list',\r\n // \"todo\",\r\n 'justify',\r\n 'quote',\r\n 'emoticon',\r\n 'image',\r\n 'alertMenuKey',\r\n // \"table\",\r\n 'code',\r\n 'splitLine',\r\n ];\r\n // 配置全屏功能按钮是否展示\r\n // this.editor.config.showFullScreen = false\r\n this.editor.config.uploadImgShowBase64 = true;\r\n // this.editor.config.uploadImgAccept = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp']\r\n this.editor.config.zIndex = 0;\r\n // this.editor.config.uploadImgMaxSize = this.uploadSize * 1024 * 1024\r\n this.editor.config.compatibleMode = () => {\r\n // 返回 true 表示使用兼容模式；返回 false 使用标准模式\r\n return true;\r\n };\r\n this.editor.config.onchange = (newHtml) => {\r\n this.newHtml = newHtml;\r\n this.$emit('editorContent', newHtml);\r\n };\r\n this.editor.config.onchangeTimeout = 300; // change后多久更新数据\r\n\r\n this.editor.create();\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.bottom {\r\n margin-bottom: 10px;\r\n cursor: pointer;\r\n}\r\n.monaco-box ::v-deep .el-textarea__inner {\r\n height: 600px;\r\n}\r\n::v-deep .w-e-toolbar {\r\n z-index: 2 !important;\r\n}\r\n</style>\r\n"]}]}
|
