fix修复编辑器css

Author: guanpengchn

CHANGELOG.md

@@ -7,6 +7,7 @@ v1.4.0 发布日期：2019-11-02
 - 修复 Safari 无法复制问题
 - 新增主题「极客黑」、「简」
 - 修改主题「蓝山」为「前端之巅同款」
+- 新增快捷键
 
 v1.3.1 发布日期：2019-10-28
 

src/layout/StyleEditor.js

@@ -26,9 +26,9 @@ class StyleEditor extends Component {
   getStyleInstance = (instance) => {
     if (instance) {
       this.styleEditor = instance.editor;
-      this.styleEditor.on("keyup", (cm, e) => {
-        if ((e.keyCode >= 65 && e.keyCode <= 90) || e.keyCode === 189) {
-          cm.showHint(e);
+      this.styleEditor.on("keyup", (cm, event) => {
+        if ((event.keyCode >= 65 && event.keyCode <= 90) || event.keyCode === 189) {
+          cm.showHint({completeSingle: false});
         }
       });
     }

src/utils/mdMirror.css

@@ -18,6 +18,11 @@
 .cm-s-md-mirror div.CodeMirror-selected {
   background: #e0e0e0;
 }
+
+.cm-s-md-mirror pre.CodeMirror-line {
+  word-break: break-all;
+}
+
 .cm-s-md-mirror .CodeMirror-line::selection,
 .cm-s-md-mirror .CodeMirror-line > span::selection,
 .cm-s-md-mirror .CodeMirror-line > span > span::selection {

src/utils/styleMirror.css

@@ -98,6 +98,25 @@
   background: #dddcdc;
 }
 .cm-s-style-mirror .CodeMirror-matchingbracket {
-  color: rgb(32,32,32) !important;
-  background-color: rgba(0,0,0,0.1) !important;
+  color: rgb(32, 32, 32) !important;
+  background-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+.CodeMirror-hints {
+  background-color: rgb(245, 245, 245);
+  font-size: 14px;
+  font-family: 'source-code-pro', Menlo, 'Courier New', Consolas, monospace;
+}
+
+.CodeMirror-hints li {
+  line-height: 20px;
+}
+
+li.CodeMirror-hint-active  {
+  color: black;
+  background-color: rgb(202,222,185);
+}
+
+.CodeMirror-hints li:hover {
+  background-color: rgb(224, 224, 224);
 }