| | |
|---|
| | | type: Number,
|
|---|
| | | default: null,
|
|---|
| | | },
|
|---|
| | | /* 只读 */
|
|---|
| | | readOnly: {
|
|---|
| | | type: Boolean,
|
|---|
| | | default: false,
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | data() {
|
|---|
| | | return {
|
|---|
| | |
|---|
| | | ],
|
|---|
| | | },
|
|---|
| | | placeholder: "请输入内容",
|
|---|
| | | readOnly: false,
|
|---|
| | | readOnly: this.readOnly,
|
|---|
| | | },
|
|---|
| | | };
|
|---|
| | | },
|
|---|
| | |
|---|
| | | value: {
|
|---|
| | | handler(val) {
|
|---|
| | | if (val !== this.currentValue) {
|
|---|
| | | this.currentValue = val;
|
|---|
| | | this.currentValue = val === null ? "" : val;
|
|---|
| | | if (this.Quill) {
|
|---|
| | | this.Quill.pasteHTML(this.value);
|
|---|
| | | this.Quill.pasteHTML(this.currentValue);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | |
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <style>
|
|---|
| | | .editor {
|
|---|
| | | .editor, .ql-toolbar {
|
|---|
| | | white-space: pre-wrap!important;
|
|---|
| | | line-height: normal !important;
|
|---|
| | | }
|
|---|
| | |
|---|
| | | .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
|
|---|
| | | content: "等宽字体";
|
|---|
| | | }
|
|---|
| | | </style> |
|---|
| | | </style>
|
|---|
