@jx3box/jx3box-editor 1.1.6 → 1.1.7

package/assets/js/pz_iframe.js

@@ -0,0 +1,30 @@
+import $ from "jquery";
+function buildIframe(str){
+    let _str = new URLSearchParams(str);
+    let mode = _str.get('mode')
+
+    if(mode == 'vertical'){
+        return `<iframe class="w-pz-iframe" src="${str}" scrolling="no" width="750" height="3468" style="border:none;background:none;max-width:100%;overflow:hidden;"></iframe>`
+    }else{
+        return `<iframe class="w-pz-iframe" src="${str}" scrolling="no" width="1280" height="720" style="border:none;background:none;max-width:100%;overflow:hidden;"></iframe>`
+    }
+}
+
+function renderPzIframe(selector = ".e-pz-iframe"){
+    try {
+        $(selector).each(function(i, ele) {
+            // 获取嵌入源地址
+            let url =  $(this).text();
+
+            // 构建嵌入源码
+            let code = buildIframe(url)
+
+            // 挂载点
+            $(this).after(code);
+        });
+    } catch (e) {
+        console.error(e);
+    }
+}
+
+export default renderPzIframe

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jx3box/jx3box-editor",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "description": "JX3BOX Article & Editor",
   "main": "index.js",
   "scripts": {

package/src/Article.vue

@@ -90,6 +90,7 @@ import renderTalent2 from "../assets/js/talent2";
 import renderKatex from "../assets/js/katex";
 import renderCode from "../assets/js/code";
 import renderImgPreview from "../assets/js/renderImgPreview";
+import renderPzIframe from '../assets/js/pz_iframe'
 
 // 剑三
 import Item from "./Item";
@@ -191,6 +192,8 @@ export default {
             renderTalent2();
             // 物品
             renderJx3Element(this);
+            // 配装
+            renderPzIframe();
         },
         doDir: function () {
             // 显示局部