内置产品手册文章内部链接跳转

Author: luban08

web/src/apps/workspace/module/managementPlatform/component/library/index.vue

@@ -52,6 +52,10 @@ export default {
       });
     },
     saveContent(value, render) {
+      /**
+       * 备注：因为mavonEditor在把md转换为html时会自动给链接加上target="_blank"，但如果链接本身href是以#开头，则忽略
+       * 所以，如果需要在文章内部继续做链接跳转其他内置文章，可以把href设置为#id的形式
+       */
       SaveChapter({
         id: this.$route.query.id,
         content: value,

web/src/dss/module/footer/libraryDetail.vue

@@ -35,9 +35,13 @@ export default {
     handleAnchor(e) {
       // 文章内部链接跳转处理
       if (e.target.tagName == "A" && e.target.target != "_blank") {
-        const match = e.target.href.match(/\/\d+\.html/g); // 暂定/17.html的格式
+        /**
+         * 备注：因为mavonEditor在把md转换为html时会自动给链接加上target="_blank"，但如果链接本身href是以#开头，则忽略
+         * 所以，如果需要在文章内部继续做链接跳转其他内置文章，可以把href设置为#id的形式
+         */
+        const match = e.target.href.match(/#\d+/g); // id的格式为#id
         if (match && match[0]) {
-          const id = match[0].match(/\d+/g)[0];
+          const id = match[0].replace("#", "");
           GetChapterDetail(id).then((res) => {
             this.$emit("on-chapter-click", res.result)
           });