| | |
| | | }, |
| | | toolbar: { |
| | | type: [String, Array], |
| | | default: "undo redo | formatselect | upfile image bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | lists insertfile table | removeformat fullscreen " |
| | | default: " styleselect fontsizeselect | undo redo | upfile image bold italic | fontselect |alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | lists insertfile table | removeformat fullscreen " |
| | | } |
| | | }, |
| | | data() { |
| | |
| | | language_url: "/tinymce/langs/zh_CN.js", |
| | | language: "zh_CN", |
| | | skin_url: "/tinymce/skins/ui/oxide", // skin路径 |
| | | content_css: '/tinymce/skins/content/default/content.css', |
| | | height: 500, // 编辑器高度 |
| | | branding: false, // 是否禁用“Powered by TinyMCE” |
| | | menubar: true, // 顶部菜单栏显示 |
| | |
| | | relative_urls: false, |
| | | remove_script_host: true, |
| | | statusbar: false, |
| | | // images_upload_handler: (blobInfo, success, failure) => { |
| | | // console.log(blobInfo); |
| | | // this.handleImgUpload(blobInfo, success, failure); |
| | | // }, |
| | | images_upload_handler: async (blobInfo, success, failure) => { |
| | | const formData = new FormData(); // 和后端协商后用formData格式进行传参 |
| | | formData.append("file", blobInfo.blob());// 传递的参数 |
| | |
| | | } |
| | | }, |
| | | myValue: this.value, |
| | | // content_css: '/tinymce/skins/content/default/content.css', |
| | | |
| | | |
| | | }; |
| | | }, |
| | |
| | | }, |
| | | // 可以添加一些自己的自定义事件,如清空内容 |
| | | clear() { |
| | | |
| | | this.myValue = ""; |
| | | }, |
| | | }, |