公告查看时只读

src/components/ckeditor.vue

@@ -34,6 +34,9 @@ export default {
     extraplugins: {
       type: String,
       default: ""
+    },
+    readonly: {
+      type: Boolean
     }
   },
   computed: {
@@ -56,7 +59,11 @@ export default {
       removeButtons:
         "Underline,Subscript,Superscript,Image,HorizontalRule,Unlink,Link,Scayt,Cut,Copy,Paste,PasteText,PasteFromWord,Maximize,Italic,Bold,NumberedList,BulletedList,Indent,Outdent,Blockquote,Styles,Format,About,RemoveFormat,Strike"
     };
-    window.CKEDITOR.replace(this.id, config);
+    var editor = window.CKEDITOR.replace(this.id, config);
+    this.instance.on("instanceReady", ev => {
+      editor = ev.editor;
+      editor.setReadOnly(this.readonly);
+    });
     this.instance.on("change", () => {
       let html = this.instance.getData();
       if (html !== this.value) {

src/modules/examwork/view/notice.vue

@@ -268,14 +268,9 @@
               </el-col>
             </el-row>
             <el-form-item label="公告内容" prop="content">
-              <div
-                v-if="this.operateType == 'view'"
-                v-html="noticeForm.content"
-                class="ckeditor-readOnly"
-              ></div>
-              <div v-else>
+              <div>
                 <ckeditor
-                  :readOnly="this.operateType == 'view'"
+                  :readonly="this.operateType == 'view'"
                   width="650px"
                   v-model="noticeForm.content"
                 ></ckeditor>