fix:修复卡片样式

dist/index.html

@@ -28,14 +28,17 @@
     <div id="app"></div>
     <!-- <textarea class="text" name="" id="" cols="30" rows="10"></textarea> -->
     <!-- <div contenteditable="true" class="text"></div> -->
-    <a
-      href="https://codechina.csdn.net/xiongjiamu/jupyter-101/-/blob/master/002-demo.ipynb"
-      class="jupyterEl"
-    ></a>
     <button id="a">111111</button>
     <button id="b">2222222</button>
     <script src="./markdown-editor.js"></script>
     <script>
+      console.log("send");
+
+      ipcRenderer.send("token", 1);
+    </script>
+
+    <script>
+      // setTimeout(() => {
       try {
         const ee = new MdEditor({
           el: "#app", // required
@@ -105,23 +108,24 @@
           height: 400,
           // rows: 'auto',
           // height: 40,
-          toolsOptions: {
-            format: true,
-            bold: true,
-            italic: true,
-            quote: true,
-            code: true,
-            link: true,
-            ul: true,
-            ol: true,
-            task: true,
-            table: true,
-            img: true,
-            file: true,
-            test1: true,
-            // help: false,
-            fullScreen: true
-          },
+          // toolsOptions: {
+          //   // call: true,
+          //   format: true,
+          //   bold: true,
+          //   italic: true,
+          //   quote: true,
+          //   code: true,
+          //   link: true,
+          //   ul: true,
+          //   ol: true,
+          //   task: true,
+          //   table: true,
+          //   img: true,
+          //   file: true,
+          //   test1: true,
+          //   // help: false,
+          //   fullScreen: true
+          // },
           zIndex: 7000,
           // maxLength: 20000,
           showWordLimit: true,
@@ -252,9 +256,8 @@
             callback(list);
           }
         });
-      } catch (e) {
-        alert(e);
-      }
+      } catch (e) {}
+      // }, 3000);
       //       ee.registerTools([
       //         {
       //           name: "test",

package.json

 {
   "name": "awesome-markdown-editor",
   "description": " A open source markdown editor of csdn codechina team contributed",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "publisher": "guoweijia",
   "scripts": {
     "start": "webpack serve --mode=development",

src/assets/js/utils.js

@@ -366,9 +366,9 @@ export function formatElements(html) {
       userList.push(item.dataset.user);
     }
   });
-  Array.from(virtualDom.querySelectorAll("img")).forEach(item => {
-    item.className = "md_img";
-  });
+  // Array.from(virtualDom.querySelectorAll("img")).forEach(item => {
+  //   item.className = "md_img";
+  // });
   const list = Array.from(new Set(userList)); // 去重
   return { callUserList: list, userHtml: virtualDom.innerHTML };
 }
@@ -413,19 +413,20 @@ export function removeLinkHeadAndEnd(link) {
 }
 
 export function renderLinkCard(title, item) {
-  const linkType = item.linkType;
+  let linkType = item.linkType;
   let content;
   switch (linkType) {
-    case "1":
+    case "title":
       content = `<span class="md_link_url">${title || item.title || ""}</span>`;
       break;
-    case "2":
+    default:
+    case "link":
       content = `<span class="md_link_url">${item.url}</span>`;
       break;
-    case "3":
-      content = `<span class="">${item.url}</span>`;
-      break;
-    default:
+    // case "link":
+    //   content = `<span class="">${item.url}</span>`;
+    //   break;
+    case "card":
       content = `<div class="md_link_card">
       ${
         removeLinkHeadAndEnd(item.title) === removeLinkHeadAndEnd(item.url)
@@ -443,8 +444,8 @@ export function renderLinkCard(title, item) {
           ? `<img class="md_link_img" referrerpolicy="no-referrer" id="md_link_img" src="${item.icon}" />`
           : "<span class='md_link_img icon iconfont icon-lianjie'></span>"
       }
-        <span class="flex-1">
-          <span class="md_link_url">${item.url}</span>
+        <span class="flex-1 md_link_url">
+         ${item.url}
         </span>
       </span></div>`;
       break;
@@ -490,4 +491,4 @@ export function getfilesize(size) {
   return (size / Math.pow(num, 4)).toFixed(2) + "T"; //T
 }
 
-export const linkTypeSpiltStr = "/%ra";
+export const linkTypeSpiltStr = "?%ra=";

src/assets/style/card.less

@@ -53,9 +53,8 @@
     line-height: 1.2 !important;
     color: var(--md-editor-border-color-active);
     overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    -webkit-box-orient: vertical;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 }
 

src/assets/style/iconfont.less

@@ -111,7 +111,7 @@
 }
 
 .icon-help:before {
-  content: "\e642";
+  content: "\e7bf";
 }
 
 .icon-file:before {

src/components/content/mixins/render-mixins.js

@@ -83,7 +83,7 @@ export default {
           }
           // ![img](...)渲染图片
           let out =
-            '<p class="md_img_container"><img src="' +
+            '<p class="md_img_container"><img class="md_img" src="' +
             href +
             '" alt="' +
             text +

src/components/content/mixins/select-link-type-mixins.js

@@ -8,12 +8,13 @@ export default {
       let typeStr = "";
       switch (index) {
         case 0:
+          typeStr = linkTypeSpiltStr + "card";
           break;
         case 1:
-          typeStr = linkTypeSpiltStr + "1";
+          typeStr = linkTypeSpiltStr + "title";
           break;
         case 2:
-          typeStr = linkTypeSpiltStr + "2";
+          typeStr = linkTypeSpiltStr + "link";
           break;
         case 3:
           typeStr = linkTypeSpiltStr + "3";

src/components/header/components/tool-button.vue

@@ -292,7 +292,6 @@ export default {
   cursor: pointer;
   position: relative;
   line-height: 1;
-  overflow: hidden;
   &.active {
     .icon {
       color: var(--md-editor-border-color-active);
@@ -343,9 +342,9 @@ export default {
     color: var(--md-editor-text-color);
     display: inline-block;
     vertical-align: text-bottom;
-    @media screen and (max-width: 768px) {
-      vertical-align: text-top;
-    }
+    // @media screen and (max-width: 768px) {
+    //   vertical-align: text-top;
+    // }
     @media (any-hover: hover) {
       &:hover {
         color: var(--md-editor-border-color-active);
@@ -368,6 +367,12 @@ export default {
     &.icon-file {
       font-size: 19px;
     }
+    &.icon-help {
+      @media screen and (max-width: 768px) {
+        font-size: 16px;
+        transform: translateY(-1px);
+      }
+    }
   }
 }
 </style>

src/components/header/md-header.vue

@@ -118,8 +118,8 @@ export default {
     toolsShow() {
       const toolsList = this.toolButtonList;
       const toolsOptions = this.toolsOptions;
-      if (!toolsOptions) return toolsList;
       if (this.showPreview) return this.previewTools;
+      if (!toolsOptions) return toolsList;
       return toolsList.filter(item => {
         return isNotFalse(toolsOptions[item.name]);
       });
@@ -199,7 +199,7 @@ export default {
           icon: "aite",
           tip: "@关注的人",
           startStr: "@",
-          endStr: ""
+          endStr: "",
         },
         {
           name: "headline",