1

simple-demo/memos.html

@@ -481,9 +481,22 @@
                 });
         },
         methods: {
+            highlightHashTags(element) {
+                // 获取目标元素
+                if (!element) return;
+
+                // 使用正则表达式匹配所有以#开头的标签
+                const regex = /#(\S+)/g; // 匹配#后跟非空格字符的组合
+
+                // 替换匹配项为带样式的span元素
+                element.innerHTML = element.innerHTML.replace(regex,
+                    '<span style="color: #679fe0;">$&</span>'
+                );
+            },
             resetView(item) {
+                let elementById = document.getElementById(item.resource_name);
                 Vditor.preview(
-                    document.getElementById(item.resource_name),
+                    elementById,
                     item.content,
                     {
                         cdn: "https://ld246.com/js/lib/vditor",
@@ -492,9 +505,12 @@
                         },
                         anchor: 1,
                         after() {
+                            vm.highlightHashTags(document.getElementById(item.resource_name));
                         },
-                    }
+                    },
                 );
+                // elementById 的html里面，如果有文本是  #文本 的话，就替换给加一个颜色
+
             },
             mergeByIds() {
                 if (this.selectedIds.length < 2) {