luobisheng
2022-11-17 99f97b11a334ce482db9aa91fca86dadbaffd716
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>