feat: 使用新的UI布局及替换toolbar的icon (#111)

FEMessage · Jul 31, 2020 · 8368bd7 · 8368bd7
1 parent 511e094
commit 8368bd7
Show file tree

Hide file tree

Showing 49 changed files with 1,416 additions and 32 deletions.
diff --git a/README.md b/README.md
@@ -9,7 +9,7 @@
 
 Lightweight rich text editor based on [ckeditor5](https://github.com/ckeditor/ckeditor5) and [upload-to-ali](https://github.com/FEMessage/upload-to-ali).
 
-![view.png](https://i.loli.net/2020/02/03/5J8Holf2vqrGSwu.png)
+![view.png](https://i.loli.net/2020/07/17/8geC2fBIv17SLaN.png)
 
 [中文文档](./README-zh.md)
 
@@ -106,6 +106,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 
 <!-- markdownlint-enable -->
 <!-- prettier-ignore-end -->
+
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
diff --git a/docs/basic.md b/docs/basic.md
@@ -3,7 +3,7 @@
 ```vue
 <template>
   <div>
-    <v-editor @ready="editor = $event" v-model="content" :on-upload-fail=“onUploadFail”/>
+    <v-editor @ready="editor = $event" v-model="content" :on-upload-fail="onUploadFail" />
     <el-button @click="toggleInspector" style="margin-top: 5px">{{flag ? '关闭' : '打开'}}数据结构视图</el-button>
   </div>
 </template>

diff --git a/src/assets/bold.svg b/src/assets/bold.svg
diff --git a/src/assets/bulletedlist.svg b/src/assets/bulletedlist.svg
diff --git a/src/assets/dropdown-arrow.svg b/src/assets/dropdown-arrow.svg
diff --git a/src/assets/eraser.svg b/src/assets/eraser.svg
diff --git a/src/assets/fontcolor.svg b/src/assets/fontcolor.svg
diff --git a/src/assets/fullscreen.vue b/src/assets/fullscreen.vue
@@ -0,0 +1,19 @@
+<template>
+  <svg
+    t="1594711303841"
+    class="icon"
+    viewBox="0 0 1024 1024"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    p-id="8602"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="200"
+    height="200"
+  >
+    <defs></defs>
+    <path
+      d="M217.6 567.466667c12.8 0 17.066667 0 21.333333 4.266666l12.8 12.8c4.266667 4.266667 4.266667 12.8 4.266667 21.333334v102.4l119.466667-115.2c8.533333-8.533333 12.8-8.533333 17.066666-12.8h17.066667c4.266667 0 8.533333 4.266667 17.066667 12.8l8.533333 8.533333c12.8 12.8 12.8 34.133333 0 46.933333L315.733333 768h102.4c8.533333 0 17.066667 0 21.333334 4.266667l12.8 12.8c4.266667 4.266667 4.266667 12.8 4.266666 21.333333v8.533333c0 8.533333 0 17.066667-4.266666 21.333334l-12.8 12.8c-4.266667 4.266667-12.8 4.266667-21.333334 4.266666H209.066667c-8.533333 0-17.066667 0-21.333334-4.266666l-12.8-12.8c-4.266667-4.266667-4.266667-8.533333-4.266666-21.333334v-209.066666c0-12.8 0-17.066667 4.266666-21.333334l12.8-12.8c4.266667-4.266667 12.8-4.266667 21.333334-4.266666h8.533333z m597.333333-396.8c12.8 0 17.066667 0 21.333334 4.266666l12.8 12.8c4.266667 4.266667 4.266667 8.533333 4.266666 21.333334v213.333333c0 12.8 0 17.066667-4.266666 21.333333l-12.8 12.8c-4.266667 4.266667-12.8 4.266667-21.333334 4.266667h-8.533333c-12.8 0-17.066667 0-21.333333-4.266667l-12.8-12.8c-4.266667-4.266667-4.266667-8.533333-4.266667-21.333333V315.733333l-115.2 115.2c-8.533333 8.533333-12.8 8.533333-17.066667 12.8h-17.066666c-4.266667 0-12.8-4.266667-17.066667-12.8l-12.8-4.266666c-8.533333-8.533333-8.533333-12.8-12.8-17.066667s0-12.8 0-17.066667c0-4.266667 4.266667-12.8 12.8-17.066666L708.266667 256h-102.4c-12.8 0-17.066667 0-21.333334-4.266667l-12.8-12.8c-4.266667-4.266667-4.266667-12.8-4.266666-21.333333v-8.533333c0-12.8 0-17.066667 4.266666-21.333334l12.8-12.8c4.266667-4.266667 12.8-4.266667 21.333334-4.266666h209.066666z"
+      p-id="8603"
+    ></path>
+  </svg>
+</template>
diff --git a/src/assets/fullscreenexit.vue b/src/assets/fullscreenexit.vue
@@ -0,0 +1,19 @@
+<template>
+  <svg
+    t="1594711270851"
+    class="icon"
+    viewBox="0 0 1024 1024"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    p-id="8483"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="200"
+    height="200"
+  >
+    <defs></defs>
+    <path
+      d="M418.133333 567.466667c8.533333 0 17.066667 0 21.333334 4.266666l12.8 12.8c4.266667 4.266667 4.266667 12.8 4.266666 21.333334v209.066666c0 12.8 0 17.066667-4.266666 21.333334l-12.8 12.8c-4.266667 4.266667-12.8 4.266667-21.333334 4.266666h-8.533333c-12.8 0-17.066667 0-21.333333-4.266666l-12.8-12.8c-4.266667-4.266667-4.266667-12.8-4.266667-21.333334v-102.4l-119.466667 115.2c-8.533333 8.533333-12.8 8.533333-17.066666 12.8h-17.066667c-4.266667 0-8.533333-4.266667-17.066667-12.8l-8.533333-8.533333c-12.8-12.8-12.8-34.133333 0-46.933333l119.466667-119.466667H209.066667c-8.533333 0-17.066667 0-21.333334-4.266667l-12.8-12.8c-4.266667-4.266667-4.266667-8.533333-4.266666-21.333333v-8.533333c0-8.533333 0-17.066667 4.266666-21.333334l12.8-12.8c4.266667-4.266667 12.8-4.266667 21.333334-4.266666h209.066666zM614.4 170.666667c12.8 0 17.066667 0 21.333333 4.266666l12.8 12.8c4.266667 4.266667 4.266667 12.8 4.266667 21.333334v106.666666L768 200.533333c8.533333-8.533333 12.8-8.533333 17.066667-12.8h17.066666c4.266667 0 12.8 4.266667 17.066667 12.8l8.533333 8.533334c8.533333 8.533333 8.533333 12.8 12.8 17.066666v17.066667c0 4.266667-4.266667 12.8-12.8 17.066667l-119.466666 119.466666H810.666667c12.8 0 17.066667 0 21.333333 4.266667l12.8 12.8c8.533333 0 8.533333 4.266667 8.533333 17.066667v8.533333c0 12.8 0 17.066667-4.266666 21.333333l-12.8 12.8c-4.266667 4.266667-12.8 4.266667-21.333334 4.266667h-209.066666c-12.8 0-17.066667 0-21.333334-4.266667l-12.8-12.8c-4.266667-4.266667-4.266667-12.8-4.266666-21.333333v-213.333333c0-12.8 0-17.066667 4.266666-21.333334l12.8-12.8c4.266667-4.266667 12.8-4.266667 21.333334-4.266666h8.533333z"
+      p-id="8484"
+    ></path>
+  </svg>
+</template>
diff --git a/src/assets/horizontalline.svg b/src/assets/horizontalline.svg
diff --git a/src/assets/image.svg b/src/assets/image.svg
diff --git a/src/assets/italic.svg b/src/assets/italic.svg
diff --git a/src/assets/link.svg b/src/assets/link.svg
diff --git a/src/assets/media.svg b/src/assets/media.svg
diff --git a/src/assets/numberedlist.svg b/src/assets/numberedlist.svg
diff --git a/src/assets/quotes.svg b/src/assets/quotes.svg
diff --git a/src/assets/redo.svg b/src/assets/redo.svg
diff --git a/src/assets/strikethrough.svg b/src/assets/strikethrough.svg
diff --git a/src/assets/table.svg b/src/assets/table.svg
diff --git a/src/assets/todolist.svg b/src/assets/todolist.svg
diff --git a/src/assets/underline.svg b/src/assets/underline.svg
diff --git a/src/assets/undo.svg b/src/assets/undo.svg