From 99f97b11a334ce482db9aa91fca86dadbaffd716 Mon Sep 17 00:00:00 2001 From: luobisheng <727299681@qq.com> Date: 星期四, 17 十一月 2022 17:40:43 +0800 Subject: [PATCH] 我的代办修改 --- src/components/edit/index.vue | 37 +++++++++++++++++++++---------------- 1 files changed, 21 insertions(+), 16 deletions(-) diff --git a/src/components/edit/index.vue b/src/components/edit/index.vue index 7752241..9be350b 100644 --- a/src/components/edit/index.vue +++ b/src/components/edit/index.vue @@ -4,7 +4,8 @@ </div> </template> <script> -import E from 'wangeditor' +import wangEditor from 'wangeditor' + export default { data() { return { @@ -12,12 +13,15 @@ } }, mounted() { - this.editor = new E('#edit'); - this.editor.config.height = 450; - this.editor.config.colors = [ - '#4b9bb7', - '#09152f' - ] + this.editor = new wangEditor('#edit'); + this.editor.customConfig = this.editor.config; + this.editor.customConfig.height = 450; + this.editor.customConfig.colors = ['#4b9bb7', '#09152f']; + this.editor.customConfig.placeholder = '璇疯緭鍏�'; + this.editor.customConfig.onchangeTimeout = 500; + this.editor.customConfig.onfocus = () => { + this.editor.customConfig.placeholder = ''; + } this.editor.create(); }, beforeDestroy() { @@ -28,14 +32,15 @@ } </script> <style lang="scss" scoped> - #edit{ - :deep(.w-e-toolbar){ - background-color: #09152f !important; - color: #4b9bb7; - } - :deep(.w-e-text-container){ - background-color: #09152f !important; - color: #4b9bb7; - } +#edit { + :deep(.w-e-toolbar) { + background-color: #09152f !important; + color: #4b9bb7; } + + :deep(.w-e-text-container) { + background-color: #09152f !important; + color: #4b9bb7; + } +} </style> \ No newline at end of file -- Gitblit v1.8.0