🐛 Fix several issues in media render.

Author: justice2001

CHANGELOG.md

@@ -4,6 +4,8 @@
 
 - 🐛 修复单页文章加载Vditor资源时 version 未成功替换问题 `#27`
 - 🐛 添加遗漏的 plantuml 渲染器 `#28`
+- 🐛 修复多媒体链接无法渲染的问题
+- 🐛 修复多媒体渲染的大小问题
 
 ### v1.6.0
 

src/main/resources/static/external/media-render.js

@@ -1,8 +1,5 @@
 vditorRender.addExternal((conf) => {
     console.log("Run External Function: Media Render!")
-    let mediaRenderOption = document.getElementById("vditor-render").dataset.mediarender
-    if (mediaRenderOption==="true") {
-        let article = document.getElementById("vditor-render").parentElement;
-        Vditor.mediaRender(article)
-    }
+    let root = document.getElementById("vditor-article-sign").parentElement;
+    Vditor.mediaRender(root)
 })

src/main/resources/static/themes/dark.css

@@ -11,3 +11,17 @@ Modified from vditor content_theme
 .language-graphviz polygon {
     fill: rgba(66, 133, 244, .36);
 }
+
+.vditor-reset .iframe__video {
+    display: block;
+    margin: 0 auto !important;
+    min-width: 80%;
+    min-height: 36vh;
+    border: none;
+}
+
+.vditor-reset video {
+    display: block;
+    margin: 0 auto !important;
+    min-width: 80%;
+}

src/main/resources/static/themes/light.css

@@ -1,4 +1,18 @@
 /**
 This is a theme for halo-plugin-vditor
 Modified from vditor content_theme
- */
+ */
+
+.vditor-reset .iframe__video {
+    display: block;
+    margin: 0 auto !important;
+    min-width: 80%;
+    min-height: 36vh;
+    border: none;
+}
+
+.vditor-reset video {
+    display: block;
+    margin: 0 auto !important;
+    min-width: 80%;
+}