From 3859a8d68b1274c1b7d81d2577c59cdb222bb4ac Mon Sep 17 00:00:00 2001
From: chuzhixin <1204505056@qq.com>
Date: Tue, 20 Oct 2020 13:00:40 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=E5=AF=8C=E6=96=87=E6=9C=AC=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=99=A8=E6=94=AF=E6=8C=81=E7=B2=BE=E7=BB=86=E5=8C=96?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                   | 10 +++++-----
 src/views/vab/editor/index.vue | 30 +++++++++++++++++++++++++++++-
 2 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 6f5c1ad..59ee82a 100644
--- a/package.json
+++ b/package.json
@@ -64,14 +64,14 @@
     "zx-magnifie": "^0.4.0",
     "zx-markdown-editor": "^0.0.2",
     "zx-player": "^1.0.1",
-    "zx-quill": "^0.0.2",
+    "zx-quill": "^0.0.3",
     "zx-templates": "^0.0.24",
     "zx-verify": "^0.0.2"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.5.7",
-    "@vue/cli-plugin-eslint": "^4.5.7",
-    "@vue/cli-service": "^4.5.7",
+    "@vue/cli-plugin-babel": "^4.5.8",
+    "@vue/cli-plugin-eslint": "^4.5.8",
+    "@vue/cli-service": "^4.5.8",
     "@vue/eslint-config-prettier": "^6.0.0",
     "babel-eslint": "^10.1.0",
     "body-parser": "^1.19.0",
@@ -79,7 +79,7 @@
     "chokidar": "^3.4.3",
     "eslint": "^7.11.0",
     "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-vue": "^7.0.1",
+    "eslint-plugin-vue": "^7.1.0",
     "filemanager-webpack-plugin": "^2.0.5",
     "image-webpack-loader": "^7.0.1",
     "lint-staged": "^10.4.2",
diff --git a/src/views/vab/editor/index.vue b/src/views/vab/editor/index.vue
index 3cb2067..7e931a0 100644
--- a/src/views/vab/editor/index.vue
+++ b/src/views/vab/editor/index.vue
@@ -11,7 +11,11 @@
         </el-select>
       </el-form-item>
       <el-form-item label="内容" prop="content" class="vab-quill-content">
-        <vab-quill v-model="form.content" :min-height="400"></vab-quill>
+        <vab-quill
+          v-model="form.content"
+          :min-height="400"
+          :options="options"
+        ></vab-quill>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="handleSee">预览效果</el-button>
@@ -34,6 +38,30 @@
     components: { vabQuill },
     data() {
       return {
+        options: {
+          theme: 'snow',
+          bounds: document.body,
+          debug: 'warn',
+          modules: {
+            toolbar: [
+              ['bold', 'italic', 'underline', 'strike'],
+              [{ header: [1, 2, 3, 4, 5, 6, false] }],
+              [{ size: ['small', false, 'large', 'huge'] }],
+              [{ color: [] }, { background: [] }],
+              ['blockquote', 'code-block'],
+              [{ list: 'ordered' }, { list: 'bullet' }],
+              [{ script: 'sub' }, { script: 'super' }],
+              [{ indent: '-1' }, { indent: '+1' }],
+              [{ align: [] }],
+              [{ direction: 'rtl' }],
+              [{ font: [] }],
+              ['clean'],
+              ['link', 'image'],
+            ],
+          },
+          placeholder: '内容...',
+          readOnly: false,
+        },
         borderColor: '#dcdfe6',
         dialogTableVisible: false,
         form: {