Refactor article-detail and editor-form components

luoyunchong · Feb 29, 2024 · 6e568fa · 6e568fa
1 parent ccce534
commit 6e568fa
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/view/article/article-detail.vue b/src/view/article/article-detail.vue
@@ -228,12 +228,10 @@ export default {
       this.model.is_liked = is_liked
     },
     collectChange({ is_collect }) {
-      //收藏弹框
       if (is_collect == true) {
         this.$refs['articleCollection'].show(this.model.id);
         return;
       }
-      //取消收藏回调
       this.model.is_collect = is_collect
       this.model.collect_quantity -= 1
     },
@@ -251,7 +249,7 @@ export default {
         if (this.model.word_number == 0) {
           this.model.word_number = this.model.content.length
           this.model.reading_time = Number(this.model.word_number / 500).toFixed(0)
-          debugger
+
           if (this.model.reading_time == 0) {
             this.model.reading_time = 1
           }
@@ -411,6 +409,7 @@ export default {
         cdn:'https://images.igeekfan.cn/js/vditor',
         lazyLoadImage: 'https://images.igeekfan.cn/js/vditor/dist/images/img-loading.svg',
       })
+      Vditor.mediaRender()
     },
     async getQueryArticles() {
       this.latestLoading = true

diff --git a/src/view/article/editor-form.vue b/src/view/article/editor-form.vue
@@ -82,7 +82,7 @@ export default {
         hint: {
         },
         mode: 'sv', //ir 即时渲染，sv 分屏预览 wysiwyg 所见即所得
-        cdn:'https://images.igeekfan.cn/js/vditor',
+        cdn: 'https://images.igeekfan.cn/js/vditor',
         preview: {
           delay: 100,
           show: true,
@@ -117,8 +117,11 @@ export default {
               if (res.length > 0) {
                 var imgMdStr = ``
                 res.forEach((re, i) => {
+                  console.log(files)
                   if (files[i].type == 'video/webm') {
                     imgMdStr = `<audio controls="controls" src="${re.url}"></audio>`
+                  } else if (files[i].type.indexOf('video') != -1) {
+                    imgMdStr = `[${files[i].name}](${re.url})`
                   } else {
                     imgMdStr = `![${files[i].name}](${re.url})`
                   }