@jx3box/jx3box-editor 1.4.12 → 1.5.0

package/assets/js/renderImgPreview.js

@@ -1,7 +1,11 @@
 import $ from 'jquery'
 
 function renderImgPreview(vm, selector='.c-article img'){
-    $(selector).each((i, ele) => {
+    // 获取src不为空的图片
+    let imgs = $(selector).filter(function(){
+        return $(this).attr('src') != ''
+    })
+    imgs.each((i, ele) => {
         // 加载全部src（lazyload）
         vm.images.push($(ele).attr('src'))
         // 绑定事件挂钩索引位置

package/package.json

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

package/src/ArticleMarkdown.vue

@@ -13,6 +13,10 @@
 <script>
 import markdownRender from '@jx3box/markdown/src/render.vue'
 
+import Vue from "vue";
+import hevueImgPreview from "hevue-img-preview";
+Vue.use(hevueImgPreview);
+
 // 基本文本
 import execLazyload from "../assets/js/img";
 import execFilterIframe from "../assets/js/iframe";
@@ -33,6 +37,7 @@ import Buff from "./Buff";
 import Skill from "./Skill";
 import Npc from "./Npc";
 import renderJx3Element from "../assets/js/jx3_element";
+import renderImgPreview from "../assets/js/renderImgPreview";
 
 import {xssOptions} from '../assets/data/markdown_whitelist.json'
 
@@ -79,6 +84,7 @@ export default {
                 },
                 type: "",
             },
+            images: [],
 
             xssOptions
         };
@@ -106,6 +112,8 @@ export default {
             renderTalent2();
             // Tatex
             renderKatex();
+            // 画廊
+            renderImgPreview(this);
             // 语法高亮
             renderCode(`code[class=^'lang-']`)
             // 物品
@@ -156,4 +164,8 @@ export default {
 
 <style lang="less">
 @import "../assets/css/article_markdown.less";
+
+.v-note-img-wrapper {
+    display: none;
+}
 </style>