1

simple-demo/memos.css

@@ -1,63 +1,66 @@
 body {
-        font-family: Lyon-Text, Georgia, "Songti SC", SimSun, serif;
-      }
-
-      .vditor-reset {
-        font-family: Lyon-Text, Georgia, "Songti SC", SimSun, serif !important;
-      }
-
-      img {
-        border: 1px solid #b7b6b6;
-      }
-
-      .img {
-        border: 1px solid #b7b6b6;
-        max-width: 200px;
-        max-height: 200px;
-        margin: 10px 10px 0 0 !important;
-        cursor: pointer;
-      }
-
-      .editClass button {
-        display: inline;
-        /*margin-top: 5px;*/
-        margin-left: 30px;
-      }
-
-      .contentLine div {
-        margin: 5px 0 0;
-      }
-
-      .border {
-        /*border: 1px solid #b7b6b6;*/
-        border-radius: 5px;
-        padding: 10px;
-        background-color: white;
-      }
-
-      body {
-        background-color: #f4f4f5;
-      }
-
-      .myTop {
-        position: fixed;
-        top: 0;
-        background-image: url("./img/gray.png");
-        /*    背景铺满整个div*/
-        background-size: 100% 100%;
-        width: 100%;
-        padding: 10px;
-        z-index: 100;
-      }
-
-      .myText {
-        border: 1px solid #d2d2d2;
-      }
-
-      .vditor-reset {
+  font-family: Lyon-Text, Georgia, "Songti SC", SimSun, serif;
+}
+
+.vditor-reset {
+  font-family: Lyon-Text, Georgia, "Songti SC", SimSun, serif !important;
+  padding: 10px 30px !important;
+}
+.vditor-reset div {
+  margin: 0 !important;
+}
+img {
+  border: 1px solid #b7b6b6;
+}
+
+.img {
+  border: 1px solid #b7b6b6;
+  max-width: 200px;
+  max-height: 200px;
+  margin: 10px 10px 0 0 !important;
+  cursor: pointer;
+}
+
+.editClass button {
+  display: inline;
+  /*margin-top: 5px;*/
+  margin-left: 30px;
+}
+
+.contentLine > div {
+  margin: 5px 0 0;
+}
+
+.border {
+  /*border: 1px solid #b7b6b6;*/
+  border-radius: 5px;
+  padding: 10px;
+  background-color: white;
+}
+
+body {
+  background-color: #f4f4f5;
+}
+
+.myTop {
+  position: fixed;
+  top: 0;
+  background-image: url("./img/gray.png");
+  /*    背景铺满整个div*/
+  background-size: 100% 100%;
+  width: 100%;
+  padding: 10px;
+  z-index: 100;
+}
+
+.myText {
+  border: 1px solid #d2d2d2;
+}
+
+/* .vditor-reset {
         padding: 10px 20px !important;
-      }
+      } */
 
-      .vditor-toolbar {
+/* .vditor-toolbar {
         display: none;
-      }
+      } */

simple-demo/memos.html

@@ -830,11 +830,12 @@
               this.contentEditor = new Vditor("vditor", {
                 height: 360,
                 toolbarConfig: {
-                  pin: true,
+                  // pin: true,
                 },
                 cache: {
                   enable: false,
                 },
+                mode: "ir",
                 // 其他配置...
                 after: () => {
                   this.contentEditor.setValue(this.tmpItem.content);