@jx3box/jx3box-editor 1.7.5 → 1.7.7

package/assets/css/module/directory.less

@@ -118,3 +118,13 @@
 .c-article .isScrollFocus {
     animation: focusFade 0.5s ease-in-out;
 }
+
+.w-directory-anchor{
+    .fz(16px);
+    .pointer;
+    color:@color !important;
+    &:hover{
+        box-shadow:none !important;
+        color:#c00 !important;
+    }
+}

package/assets/js/directory.js

@@ -9,6 +9,7 @@ const count = {
 };
 const MAX_DEPTH = 3;
 const PREFIX_CLS = "lv"; //class前缀
+const HEADER_HEIGHT = 112; //头部高度
 
 function directory(from, to = '#directory') {
     // 装载容器设置
@@ -50,7 +51,7 @@ function directory(from, to = '#directory') {
             // 进行克隆
             let _item = $(item).clone();
             // 解决懒加载跳转位置问题
-            $(item).append(`<a id="directory-${i}"></a>`);
+            $(item).prepend(`<a id="directory-${i}" class="el-icon-s-flag w-directory-anchor"></a>`);
 
             // 过滤行内样式
             _item.removeAttr("style");
@@ -80,7 +81,7 @@ function directory(from, to = '#directory') {
             let target = $(this)
                 .data("raw")
                 .offset().top;
-            $(document).scrollTop(target - 112);
+            $(document).scrollTop(target - HEADER_HEIGHT);
             $(this)
                 .data("raw")
                 .addClass("isScrollFocus");

package/assets/js/img.js

@@ -1,6 +1,6 @@
 // 图片地址&懒加载
 import { resolveImagePath } from "@jx3box/jx3box-common/js/utils";
-import { __cdn } from "@jx3box/jx3box-common/data/jx3box.json";
+import JX3BOX from "@jx3box/jx3box-common/data/jx3box.json";
 function lazyLoad(str) {
     if (!str) return;
 
@@ -11,7 +11,7 @@ function lazyLoad(str) {
         let prefix = item[1];
         let src = resolveImagePath(item[2]);
         if (src.includes('https://console.cnyixun.com/')) {
-            src = src.replace('https://console.cnyixun.com/', __cdn)
+            src = src.replace('https://console.cnyixun.com/', JX3BOX.__cdn)
         }
         let suffix = item[3];
         let output = `<img ${prefix} loading="lazy" src="${src}" ${suffix}>`;

package/package.json

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

package/src/Article.vue

@@ -62,6 +62,9 @@
 </template>
 
 <script>
+import $ from "jquery";
+const HEADER_HEIGHT = 112; //头部高度
+
 import { Pagination, Button, Popover } from "element-ui";
 import "@jx3box/jx3box-common/css/element.css";
 
@@ -224,6 +227,12 @@ export default {
             }
             let dir = renderDirectory(target, this.directorybox);
             this.$emit("directoryRendered",dir);
+
+            $('.w-directory-anchor').on('click', function(){
+                let id = $(this).attr('id')
+                let target = $(`#${id}`).offset().top;
+                $(document).scrollTop(target - HEADER_HEIGHT);
+            })
         },
         changePage: function (i) {
             this.page = i;

package/src/Tinymce.vue

@@ -76,12 +76,12 @@ export default {
                 contextmenu: "",
                 plugins: [
                     "link autolink",
-                    "hr lists advlist table codeinline codesample checklist foldtext latex",
+                    "hr lists advlist table codeinline codesample checklist foldtext latex anchor",
                     "image emoticons media videox macro qixue talent2",
                     "code fullscreen wordcount powerpaste pagebreak printpage pz", // template anchor jx3icon autosave
                 ],
                 toolbar: [
-                    "undo | formatselect | fontsizeselect | forecolor backcolor | bold italic underline strikethrough superscript subscript | link unlink | fullscreen code", //restoredraft
+                    "undo | formatselect | fontsizeselect | forecolor backcolor | bold italic underline strikethrough superscript subscript | link unlink anchor | fullscreen code", //restoredraft
                     "removeformat | hr alignleft aligncenter alignright alignjustify indent outdent | bullist numlist checklist table blockquote foldtext codeinline codesample latex | emoticons image media videox | macro pz qixue talent2 pagebreak printpage", // template anchor jx3icon
                 ],
                 mobile: {

package/src/Upload.vue

@@ -4,7 +4,7 @@
         <el-button type="primary" @click="dialogVisible = true" icon="el-icon-upload" :disabled="!enable">{{ btn_txt }}</el-button>
 
         <!-- 弹出界面 -->
-        <el-dialog class="c-large-dialog" title="上传" :visible.sync="dialogVisible">
+        <el-dialog class="c-large-dialog" title="上传" :visible.sync="dialogVisible" append-to-body>
             <!-- 清空按钮 -->
             <el-button class="u-upload-clear" plain icon="el-icon-delete" size="mini" @click="clear">清空</el-button>