forked from zhurui/management
1 line
19 KiB
JSON
1 line
19 KiB
JSON
{"remainingRequest":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\components\\Tinymce\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\components\\Tinymce\\index.vue","mtime":1622443089431},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.number.constructor\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/**\n * docs:\n * https://panjiachen.github.io/vue-element-admin-site/feature/component/rich-editor.html#tinymce\n */\nimport editorImage from \"./components/EditorImage\";\nimport plugins from \"./plugins\";\nimport toolbar from \"./toolbar\";\nimport load from \"./dynamicLoadScript\"; // why use this cdn, detail see https://github.com/PanJiaChen/tinymce-all-in-one\n\nvar tinymceCDN = 'https://cdn.jsdelivr.net/npm/tinymce-all-in-one@4.9.3/tinymce.min.js';\nexport default {\n name: 'Tinymce',\n components: {\n editorImage: editorImage\n },\n props: {\n id: {\n type: String,\n default: function _default() {\n return 'vue-tinymce-' + +new Date() + ((Math.random() * 1000).toFixed(0) + '');\n }\n },\n value: {\n type: String,\n default: ''\n },\n toolbar: {\n type: Array,\n required: false,\n default: function _default() {\n return [];\n }\n },\n menubar: {\n type: String,\n default: 'file edit insert view format table'\n },\n height: {\n type: [Number, String],\n required: false,\n default: 360\n },\n width: {\n type: [Number, String],\n required: false,\n default: 'auto'\n }\n },\n data: function data() {\n return {\n hasChange: false,\n hasInit: false,\n tinymceId: this.id,\n fullscreen: false,\n languageTypeList: {\n 'en': 'en',\n 'zh': 'zh_CN',\n 'es': 'es_MX',\n 'ja': 'ja'\n }\n };\n },\n computed: {\n containerWidth: function containerWidth() {\n var width = this.width;\n\n if (/^[\\d]+(\\.[\\d]+)?$/.test(width)) {\n // matches `100`, `'100'`\n return \"\".concat(width, \"px\");\n }\n\n return width;\n }\n },\n watch: {\n value: function value(val) {\n var _this2 = this;\n\n if (!this.hasChange && this.hasInit) {\n this.$nextTick(function () {\n return window.tinymce.get(_this2.tinymceId).setContent(val || '');\n });\n }\n }\n },\n mounted: function mounted() {\n this.init();\n },\n activated: function activated() {\n if (window.tinymce) {\n this.initTinymce();\n }\n },\n deactivated: function deactivated() {\n this.destroyTinymce();\n },\n destroyed: function destroyed() {\n this.destroyTinymce();\n },\n methods: {\n init: function init() {\n var _this3 = this;\n\n // dynamic load tinymce from cdn\n load(tinymceCDN, function (err) {\n if (err) {\n _this3.$message.error(err.message);\n\n return;\n }\n\n _this3.initTinymce();\n });\n },\n initTinymce: function initTinymce() {\n var _this4 = this;\n\n var _this = this;\n\n window.tinymce.init({\n selector: \"#\".concat(this.tinymceId),\n language: this.languageTypeList['en'],\n height: this.height,\n body_class: 'panel-body ',\n object_resizing: false,\n toolbar: this.toolbar.length > 0 ? this.toolbar : toolbar,\n menubar: this.menubar,\n plugins: plugins,\n end_container_on_empty_block: true,\n powerpaste_word_import: 'clean',\n code_dialog_height: 450,\n code_dialog_width: 1000,\n advlist_bullet_styles: 'square',\n advlist_number_styles: 'default',\n imagetools_cors_hosts: ['www.tinymce.com', 'codepen.io'],\n default_link_target: '_blank',\n link_title: false,\n nonbreaking_force_tab: true,\n // inserting nonbreaking space need Nonbreaking Space Plugin\n init_instance_callback: function init_instance_callback(editor) {\n if (_this.value) {\n editor.setContent(_this.value);\n }\n\n _this.hasInit = true;\n editor.on('NodeChange Change KeyUp SetContent', function () {\n _this4.hasChange = true;\n\n _this4.$emit('input', editor.getContent());\n });\n },\n setup: function setup(editor) {\n editor.on('FullscreenStateChanged', function (e) {\n _this.fullscreen = e.state;\n });\n },\n // it will try to keep these URLs intact\n // https://www.tiny.cloud/docs-3x/reference/configuration/Configuration3x@convert_urls/\n // https://stackoverflow.com/questions/5196205/disable-tinymce-absolute-to-relative-url-conversions\n convert_urls: false // 整合七牛上传\n // images_dataimg_filter(img) {\n // setTimeout(() => {\n // const $image = $(img);\n // $image.removeAttr('width');\n // $image.removeAttr('height');\n // if ($image[0].height && $image[0].width) {\n // $image.attr('data-wscntype', 'image');\n // $image.attr('data-wscnh', $image[0].height);\n // $image.attr('data-wscnw', $image[0].width);\n // $image.addClass('wscnph');\n // }\n // }, 0);\n // return img\n // },\n // images_upload_handler(blobInfo, success, failure, progress) {\n // progress(0);\n // const token = _this.$store.getters.token;\n // getToken(token).then(response => {\n // const url = response.data.qiniu_url;\n // const formData = new FormData();\n // formData.append('token', response.data.qiniu_token);\n // formData.append('key', response.data.qiniu_key);\n // formData.append('file', blobInfo.blob(), url);\n // upload(formData).then(() => {\n // success(url);\n // progress(100);\n // })\n // }).catch(err => {\n // failure('出现未知问题，刷新页面，或者联系程序员')\n // console.log(err);\n // });\n // },\n\n });\n },\n destroyTinymce: function destroyTinymce() {\n var tinymce = window.tinymce.get(this.tinymceId);\n\n if (this.fullscreen) {\n tinymce.execCommand('mceFullScreen');\n }\n\n if (tinymce) {\n tinymce.destroy();\n }\n },\n setContent: function setContent(value) {\n window.tinymce.get(this.tinymceId).setContent(value);\n },\n getContent: function getContent() {\n window.tinymce.get(this.tinymceId).getContent();\n },\n imageSuccessCBK: function imageSuccessCBK(arr) {\n var _this5 = this;\n\n arr.forEach(function (v) {\n return window.tinymce.get(_this5.tinymceId).insertContent(\"<img class=\\\"wscnph\\\" src=\\\"\".concat(v.url, \"\\\" >\"));\n });\n }\n }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\n <div :class=\"{fullscreen:fullscreen}\" class=\"tinymce-container\" :style=\"{width:containerWidth}\">\n <textarea :id=\"tinymceId\" class=\"tinymce-textarea\" />\n <div class=\"editor-custom-btn-container\">\n <editorImage color=\"#1890ff\" class=\"editor-upload-btn\" @successCBK=\"imageSuccessCBK\" />\n </div>\n </div>\n</template>\n\n<script>\n/**\n * docs:\n * https://panjiachen.github.io/vue-element-admin-site/feature/component/rich-editor.html#tinymce\n */\nimport editorImage from './components/EditorImage'\nimport plugins from './plugins'\nimport toolbar from './toolbar'\nimport load from './dynamicLoadScript'\n\n// why use this cdn, detail see https://github.com/PanJiaChen/tinymce-all-in-one\nconst tinymceCDN = 'https://cdn.jsdelivr.net/npm/tinymce-all-in-one@4.9.3/tinymce.min.js'\n\nexport default {\n name: 'Tinymce',\n components: { editorImage },\n props: {\n id: {\n type: String,\n default: function() {\n return 'vue-tinymce-' + +new Date() + ((Math.random() * 1000).toFixed(0) + '')\n }\n },\n value: {\n type: String,\n default: ''\n },\n toolbar: {\n type: Array,\n required: false,\n default() {\n return []\n }\n },\n menubar: {\n type: String,\n default: 'file edit insert view format table'\n },\n height: {\n type: [Number, String],\n required: false,\n default: 360\n },\n width: {\n type: [Number, String],\n required: false,\n default: 'auto'\n }\n },\n data() {\n return {\n hasChange: false,\n hasInit: false,\n tinymceId: this.id,\n fullscreen: false,\n languageTypeList: {\n 'en': 'en',\n 'zh': 'zh_CN',\n 'es': 'es_MX',\n 'ja': 'ja'\n }\n }\n },\n computed: {\n containerWidth() {\n const width = this.width\n if (/^[\\d]+(\\.[\\d]+)?$/.test(width)) { // matches `100`, `'100'`\n return `${width}px`\n }\n return width\n }\n },\n watch: {\n value(val) {\n if (!this.hasChange && this.hasInit) {\n this.$nextTick(() =>\n window.tinymce.get(this.tinymceId).setContent(val || ''))\n }\n }\n },\n mounted() {\n this.init()\n },\n activated() {\n if (window.tinymce) {\n this.initTinymce()\n }\n },\n deactivated() {\n this.destroyTinymce()\n },\n destroyed() {\n this.destroyTinymce()\n },\n methods: {\n init() {\n // dynamic load tinymce from cdn\n load(tinymceCDN, (err) => {\n if (err) {\n this.$message.error(err.message)\n return\n }\n this.initTinymce()\n })\n },\n initTinymce() {\n const _this = this\n window.tinymce.init({\n selector: `#${this.tinymceId}`,\n language: this.languageTypeList['en'],\n height: this.height,\n body_class: 'panel-body ',\n object_resizing: false,\n toolbar: this.toolbar.length > 0 ? this.toolbar : toolbar,\n menubar: this.menubar,\n plugins: plugins,\n end_container_on_empty_block: true,\n powerpaste_word_import: 'clean',\n code_dialog_height: 450,\n code_dialog_width: 1000,\n advlist_bullet_styles: 'square',\n advlist_number_styles: 'default',\n imagetools_cors_hosts: ['www.tinymce.com', 'codepen.io'],\n default_link_target: '_blank',\n link_title: false,\n nonbreaking_force_tab: true, // inserting nonbreaking space need Nonbreaking Space Plugin\n init_instance_callback: editor => {\n if (_this.value) {\n editor.setContent(_this.value)\n }\n _this.hasInit = true\n editor.on('NodeChange Change KeyUp SetContent', () => {\n this.hasChange = true\n this.$emit('input', editor.getContent())\n })\n },\n setup(editor) {\n editor.on('FullscreenStateChanged', (e) => {\n _this.fullscreen = e.state\n })\n },\n // it will try to keep these URLs intact\n // https://www.tiny.cloud/docs-3x/reference/configuration/Configuration3x@convert_urls/\n // https://stackoverflow.com/questions/5196205/disable-tinymce-absolute-to-relative-url-conversions\n convert_urls: false\n // 整合七牛上传\n // images_dataimg_filter(img) {\n // setTimeout(() => {\n // const $image = $(img);\n // $image.removeAttr('width');\n // $image.removeAttr('height');\n // if ($image[0].height && $image[0].width) {\n // $image.attr('data-wscntype', 'image');\n // $image.attr('data-wscnh', $image[0].height);\n // $image.attr('data-wscnw', $image[0].width);\n // $image.addClass('wscnph');\n // }\n // }, 0);\n // return img\n // },\n // images_upload_handler(blobInfo, success, failure, progress) {\n // progress(0);\n // const token = _this.$store.getters.token;\n // getToken(token).then(response => {\n // const url = response.data.qiniu_url;\n // const formData = new FormData();\n // formData.append('token', response.data.qiniu_token);\n // formData.append('key', response.data.qiniu_key);\n // formData.append('file', blobInfo.blob(), url);\n // upload(formData).then(() => {\n // success(url);\n // progress(100);\n // })\n // }).catch(err => {\n // failure('出现未知问题，刷新页面，或者联系程序员')\n // console.log(err);\n // });\n // },\n })\n },\n destroyTinymce() {\n const tinymce = window.tinymce.get(this.tinymceId)\n if (this.fullscreen) {\n tinymce.execCommand('mceFullScreen')\n }\n\n if (tinymce) {\n tinymce.destroy()\n }\n },\n setContent(value) {\n window.tinymce.get(this.tinymceId).setContent(value)\n },\n getContent() {\n window.tinymce.get(this.tinymceId).getContent()\n },\n imageSuccessCBK(arr) {\n arr.forEach(v => window.tinymce.get(this.tinymceId).insertContent(`<img class=\"wscnph\" src=\"${v.url}\" >`))\n }\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.tinymce-container {\n position: relative;\n line-height: normal;\n}\n\n.tinymce-container {\n ::v-deep {\n .mce-fullscreen {\n z-index: 10000;\n }\n }\n}\n\n.tinymce-textarea {\n visibility: hidden;\n z-index: -1;\n}\n\n.editor-custom-btn-container {\n position: absolute;\n right: 4px;\n top: 4px;\n /*z-index: 2005;*/\n}\n\n.fullscreen .editor-custom-btn-container {\n z-index: 10000;\n position: fixed;\n}\n\n.editor-upload-btn {\n display: inline-block;\n}\n</style>\n"],"sourceRoot":"src/components/Tinymce"}]} |