🐛 过滤img onerror事件

public/index.html

@@ -147,6 +147,7 @@
             // console.log(res);
           },
           onUpload: function(file, type, callback) {
+            debugger
             if (type === "video" || type === "img") {
               let time = 0;
               const timeObj = setInterval(() => {

public/package.json

+{
+  "devDependencies": {
+    "http-server": "^14.1.0"
+  }
+}

src/App.vue

@@ -535,9 +535,9 @@ export default {
             item.linkType = linkEl.getAttribute("data-type");
             linkEl.setAttribute("target", "_blank");
             linkEl.setAttribute("href", url);
-            if (item.url.includes(".ipynb")) {
-              linkEl.className = "jupyterEl";
-            }
+            // if (item.url.includes(".ipynb")) {
+            //   linkEl.className = "jupyterEl";
+            // }
             const title = getLinkTitle(linkEl, item);
             linkEl.innerHTML = renderLinkCard(title, item);
           });

src/assets/js/utils.js

 // 获取选中文本信息
 
+import DOMPurify from "dompurify";
 export function getSelectionInfo(selectorId) {
   const selector = document.getElementById(selectorId);
   if (!selector) return;
@@ -224,21 +225,21 @@ export function removeBlankLine(val) {
 }
 
 // 获取被过滤掉的标签
-export function getFilteredTags(oldStr, newStr) {
-  // if (oldStr.length - newStr.length === 0) return [];
-  // const filteredStr = oldStr.replace(newStr.trim(), "");
-  // console.log(11, filteredStr);
-  const virtualDom = document.createElement("div");
-  virtualDom.innerHTML = oldStr;
-  const oldTags = Array.from(virtualDom.getElementsByTagName("*"));
-  virtualDom.innerHTML = newStr;
-  const newTags = Array.from(virtualDom.getElementsByTagName("*"));
+// export function getFilteredTags(oldStr, newStr) {
+//   // if (oldStr.length - newStr.length === 0) return [];
+//   // const filteredStr = oldStr.replace(newStr.trim(), "");
+//   // console.log(11, filteredStr);
+//   const virtualDom = document.createElement("div");
+//   virtualDom.innerHTML =  oldStr;
+//   const oldTags = Array.from(virtualDom.getElementsByTagName("*"));
+//   virtualDom.innerHTML = newStr;
+//   const newTags = Array.from(virtualDom.getElementsByTagName("*"));
 
-  // 待优化
-  const filteredTags = new Array(oldTags.length - newTags.length).fill(0);
+//   // 待优化
+//   const filteredTags = new Array(oldTags.length - newTags.length).fill(0);
 
-  return filteredTags;
-}
+//   return filteredTags;
+// }
 // 格式刷的规则
 export function copyFormatRules(selection) {
   if (!selection) return "";
@@ -348,7 +349,7 @@ export function copyFormatRules(selection) {
 
 export function addLanguageClass(html) {
   const virtualDom = document.createElement("div");
-  virtualDom.innerHTML = html;
+  virtualDom.innerHTML = DOMPurify.sanitize(html);
   virtualDom.querySelectorAll("code").forEach(item => {
     if (!/language-/.test(item.className)) {
       item.className = "language-javascript";

jupyter-render @ 9a1cda54

-Subproject commit 9a1cda54eb91de46852797e1d4ddb66c667d6747

src/assets/style/global.less

@@ -12,8 +12,7 @@
 }
 
 html,
-body,
-#app {
+body {
   padding: 0;
   margin: 0;
   min-height: 100vh;

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

 import {
-  getFilteredTags,
+  // getFilteredTags,
   getLinkTags,
   addLanguageClass,
   formatElements,
@@ -36,7 +36,8 @@ export default {
         ],
         FORBID_ATTR: ["style"]
       }); // 去除标签
-      const filteredTags = getFilteredTags(html, cleanHtml); // 计算是否有标签被过滤
+      const filteredTags = DOMPurify.removed; // 计算是否有标签被过滤
+      // const filteredTags = getFilteredTags(html, cleanHtml); // 计算是否有标签被过滤
       // 链接转换为卡片
       // 获取标题列表
       const { vDom, links, dirTags } = getLinkTags(this.id, cleanHtml);