zhanghua
2025-07-16 7c20fd15b7fbc2bd5756b39d5ab655cc849ffcc3
src/components/edit/index.vue
@@ -4,20 +4,31 @@
    </div>
</template>
<script>
import E from 'wangeditor'
import wangEditor from 'wangeditor'
export default {
  props: {
    readOnly: {
      type: Boolean,
      default: () => false
    }
  },
    data() {
        return {
            editor: null
        }
    },
    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.readOnly = this.readOnly;
        this.editor.customConfig.onfocus = () => {
          this.editor.customConfig.placeholder = '';
        }
        this.editor.create();
    },
    beforeDestroy() {
@@ -28,14 +39,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;
        }
    }
</style>
#edit {
    //:deep(.w-e-toolbar) {
    //    background-color: #09152f !important;
    //    color: #4b9bb7;
    //}
    //
    //:deep(.w-e-text-container) {
    //    background-color: #09152f !important;
    //    color: #4b9bb7;
    //}
}
</style>