协议加超链接

src/views/modules/xieyi/add-update.vue

@@ -40,7 +40,33 @@
   import {
     quillEditor
   } from 'vue-quill-editor'
-
+  const toolbarOptions = [
+  ["bold", "italic", "underline", "strike"], // 加粗，斜体，下划线，删除线
+  ["blockquote", "code-block"], //引用，代码块
+  [{ header: 1 }, { header: 2 }], // 几级标题
+  [{ list: "ordered" }, { list: "bullet" }], // 有序列表，无序列表
+  [{ script: "sub" }, { script: "super" }], // 下角标，上角标
+  [{ indent: "-1" }, { indent: "+1" }], // 缩进
+  [{ direction: "rtl" }], // 文字输入方向
+  [{ size: ["small", false, "large", "huge"] }], // 字体大小
+  [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题
+  [{ color: [] }, { background: [] }], // 颜色选择
+  [
+    {
+      font: [
+        "SimSun",
+        "SimHei",
+        "Microsoft-YaHei",
+        "KaiTi",
+        "FangSong",
+        "Arial"
+      ]
+    }
+  ], // 字体
+  [{ align: [] }], // 居中
+  ["clean"], // 清除样式,
+  ["link", "image"] // 上传图片、上传视频
+];
   import 'quill/dist/quill.core.css'
   import 'quill/dist/quill.snow.css'
   import 'quill/dist/quill.bubble.css'
@@ -88,50 +114,10 @@
       ],
         editorOption: {
           modules: {
-            toolbar: [
-              ['bold', 'italic', 'underline', 'strike'], // 加粗 斜体 下划线 删除线
-              ['blockquote', 'code-block'], // 引用  代码块
-              [{
-                header: 1
-              }, {
-                header: 2
-              }], // 1、2 级标题
-              [{
-                list: 'ordered'
-              }, {
-                list: 'bullet'
-              }], // 有序、无序列表
-              [{
-                script: 'sub'
-              }, {
-                script: 'super'
-              }], // 上标/下标
-              [{
-                indent: '-1'
-              }, {
-                indent: '+1'
-              }], // 缩进
-              [{
-                direction: 'rtl'
-              }], // 文本方向
-              [{
-                size: ['12', '14', '16', '18', '20', '22', '24', '28', '32', '36']
-              }], // 字体大小
-              [{
-                header: [1, 2, 3, 4, 5, 6]
-              }], // 标题
-              [{
-                color: []
-              }, {
-                background: []
-              }], // 字体颜色、字体背景颜色
-              // [{ font: ['songti'] }], // 字体种类
-              [{
-                align: []
-              }], // 对齐方式
-              ['clean'], // 清除文本格式
-              ['image', 'video'] // 链接、图片、视频
-            ]
+            toolbar: {
+            container: toolbarOptions,
+          
+          }
           },
           placeholder: '请输入正文'
         },