| | |
| | | import wangEditor from 'wangeditor' |
| | | |
| | | export default { |
| | | props: { |
| | | readOnly: { |
| | | type: Boolean, |
| | | default: () => false |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | editor: null |
| | |
| | | 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 = ''; |
| | | } |
| | |
| | | </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; |
| | | } |
| | | //:deep(.w-e-toolbar) { |
| | | // background-color: #09152f !important; |
| | | // color: #4b9bb7; |
| | | //} |
| | | // |
| | | //:deep(.w-e-text-container) { |
| | | // background-color: #09152f !important; |
| | | // color: #4b9bb7; |
| | | //} |
| | | } |
| | | </style> |
| | | </style> |