feat: #379 通过引入第三方组件cm-search-replace实现左侧编辑器搜索、替换功能

package.json

@@ -141,6 +141,7 @@
   "dependencies": {
     "@types/codemirror": "^0.0.108",
     "@types/dompurify": "^2.2.3",
+    "cm-search-replace": "^1.0.0",
     "jsdom": "~19.0.0",
     "mitt": "^3.0.0"
   },

src/Editor.js

@@ -26,6 +26,10 @@ import 'codemirror/addon/edit/matchtags';
 import 'codemirror/addon/search/searchcursor';
 import 'codemirror/addon/display/placeholder';
 import 'codemirror/keymap/sublime';
+
+import 'cm-search-replace/src/search';
+import 'codemirror/addon/scroll/annotatescrollbar';
+import 'codemirror/addon/search/matchesonscrollbar';
 // import 'codemirror/addon/selection/active-line';
 // import 'codemirror/addon/edit/matchbrackets';
 import htmlParser from '@/utils/htmlparser';

src/sass/cherry.scss

@@ -242,6 +242,13 @@
   }
 }
 
+
+.cherry {
+  .ace_search {
+    background: #FFF;
+  }
+}
+
 .cherry-sidebar {
   width: 30px;
   position: absolute;