From 80ec98be2e4f796713e869bb2df37d22e17d485c Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Tue, 26 Apr 2022 10:51:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E7=94=A8blob=E8=BD=BD=E5=85=A5html?=
 =?UTF-8?q?=E8=BE=93=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ResultArea.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/ResultArea.vue b/src/components/ResultArea.vue
index 94c7024..9e62679 100644
--- a/src/components/ResultArea.vue
+++ b/src/components/ResultArea.vue
@@ -3,7 +3,7 @@
     <iframe
       ref="iframe"
       sandbox="allow-scripts allow-forms"
-      :srcdoc="frameStyle + runResult"
+      :src="src"
       :height="frameHeight"
       frameborder="0"
       @load="frameLoad"
@@ -39,6 +39,7 @@ const frameStyle = `<style>::-webkit-scrollbar {
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 }
 body {
+  padding: 10px 20px;
   margin: 0;
   color: ${utools.isDarkColors() ? "white" : "unset"}
 }
@@ -63,6 +64,15 @@ export default {
     showFrame() {
       return this.enableHtml && this.runResultStatus;
     },
+    src() {
+      return this.showFrame
+        ? window.URL.createObjectURL(
+            new Blob([this.frameStyle, this.runResult], {
+              type: "text/html",
+            })
+          )
+        : "";
+    },
   },
   mounted() {
     this.frameInit();
@@ -78,7 +88,9 @@ export default {
       Object.assign(this.cfw, ctx);
       this.cfw.onload = () => {
         this.frameHeight = Math.min(
-          this.cfw.document.documentElement.getBoundingClientRect().height,
+          this.cfw.document.body.innerText
+            ? this.cfw.document.documentElement.getBoundingClientRect().height
+            : 0,
           this.maxHeight
         );
         this.$emit("frameLoad", this.frameHeight);