🐛 fix setValue throw error

nicejade · Aug 14, 2020 · 3cbee28 · 3cbee28
1 parent 2887fc4
commit 3cbee28
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/src/assets/styles/common.less b/src/assets/styles/common.less
@@ -65,6 +65,6 @@ body {
   }
 }
 
-#j-preview-vditor {
+#khaleesi {
   text-align: left;
 }
diff --git a/src/components/PreviewVditor.vue b/src/components/PreviewVditor.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="preview-vditor" v-loading="isLoading" element-loading-text="正在努力，请稍候...">
-    <div id="j-preview-vditor" class="vditor-preview" />
+    <div id="khaleesi" class="vditor-preview" />
   </div>
 </template>
 
@@ -26,6 +26,7 @@ export default {
 
   created() {
     this.$utils.updateHtmlStyle()
+    this.setDefaultText()
   },
 
   components: {},
@@ -45,15 +46,14 @@ export default {
           show: true
         }
       }
-      this.vditor = new Vditor('j-preview-vditor', options)
-      try {
-        this.vditor.setValue(this.pdata)
-      } catch (err) {
-        console.log(`Something Error: `, err)
-      }
+      this.vditor = new Vditor('khaleesi', options)
       this.$nextTick(() => {
         this.isLoading = false
       })
+    },
+
+    setDefaultText() {
+      localStorage.setItem('vditorkhaleesi', this.pdata)
     }
   }
 }
@@ -68,7 +68,7 @@ export default {
   min-height: 100vh;
   background-color: @white;
   .flex-box-center(column);
-  #j-preview-vditor {
+  #khaleesi {
     max-width: 960px;
     height: 100%;
     min-height: 100vh;
@@ -102,7 +102,7 @@ export default {
 
 @media (max-width: 768px) {
   .preview-vditor {
-    #j-preview-vditor {
+    #khaleesi {
       width: 100% !important;
       margin: 0 !important;
     }

diff --git a/src/helper/utils.js b/src/helper/utils.js
@@ -91,7 +91,7 @@ export default {
   },
 
   hideVditorTextarea() {
-    const exportVditorNode = document.getElementById('j-preview-vditor')
+    const exportVditorNode = document.getElementById('khaleesi')
     const option = {
       childList: true, // 子节点的变动（新增、删除或者更改）
       attributes: true, // 属性的变动