Add a hint how to enable HTML preview

InteractionDesignFoundation · Nov 9, 2022 · d47d5a7 · d47d5a7
1 parent 37ef1a0
commit d47d5a7
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
@@ -1,3 +1,3 @@
 {
-    "/js/field.js": "/js/field.js?id=4a236deae1810202607f4b6a0e059b0c"
+    "/js/field.js": "/js/field.js?id=eccb11b423a3c19387a78cd92c00d6db"
 }
diff --git a/resources/js/components/DetailField.vue b/resources/js/components/DetailField.vue
@@ -13,13 +13,12 @@ export default {
     props: ['index', 'resource', 'resourceName', 'resourceId', 'field'],
 
     beforeCreate() {
-        const uniqueId = Math.random().toString(36).slice(-5);
-        this.iframeId = `previewUnlayerHtmlIframe-${uniqueId}`;
+        this.iframeId = `${this.field.uniqueKey}-iframe`;
     },
 
     mounted() {
         let iframe = document.getElementById(this.iframeId);
-        this.setIframeContent(iframe, this.field.html);
+        this.setIframeContent(iframe, this.field.html || 'HTML is not set for preview, use <code>Unlayer::html()</code>');
         this.resizeIFrameToFitContent(iframe)
     },