添加视频选项

src/pages/Memory/components/Quill.tsx → src/pages/Memory/components/MyQuill.tsx

@@ -14,7 +14,7 @@ export interface Props {
 const modules = {
   toolbar: [
     [{'header': [1, 2, false]}, 'bold', 'italic', 'blockquote', 'code-block', 'link'],
-    [{'list': 'ordered'}, {'list': 'bullet'}, {'indent': '-1'}, {'indent': '+1'}, 'image'],
+    [{'list': 'ordered'}, {'list': 'bullet'}, {'indent': '-1'}, {'indent': '+1'}, 'image','video'],
   ],
 };
 
@@ -22,10 +22,10 @@ const formats = [
   'header',
   'bold', 'italic', 'underline', 'strike', 'blockquote', 'code-block',
   'list', 'bullet', 'indent',
-  'link', 'image'
+  'link', 'image','video'
 ];
 
-const Quill: React.FC<Props> = (props) => {
+const MyQuill: React.FC<Props> = (props) => {
   const {
     value,
     onChange,
@@ -47,4 +47,4 @@ const Quill: React.FC<Props> = (props) => {
   );
 };
 
-export default Quill;
+export default MyQuill;

src/pages/Memory/components/UpdateForm.tsx

@@ -1,6 +1,6 @@
 import React, {useEffect, useState} from 'react';
 import {Button, message, Modal} from 'antd';
-import Quill from '@/pages/Memory/components/Quill';
+import MyQuill from '@/pages/Memory/components/MyQuill';
 import service from '@/pages/Memory/service';
 import {useSingleState} from 'nice-hooks';
 import {getTextFromHtml} from '@/utils/utils';
@@ -153,7 +153,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
     >
       <div>
         <h4>正面</h4>
-        <Quill
+        <MyQuill
           theme="snow"
           readonly={false}
           onChange={(value) => {
@@ -166,7 +166,7 @@ const UpdateForm: React.FC<UpdateFormProps> = (props) => {
 
         <p/>
         <h4>反面</h4>
-        <Quill
+        <MyQuill
           theme="snow"
           readonly={false}
           onChange={(value) => {

src/pages/Memory/index.tsx

@@ -2,7 +2,7 @@ import {Button, Input, message, Modal} from 'antd';
 import React, {useEffect, useState} from 'react';
 import {PageHeaderWrapper} from '@ant-design/pro-layout';
 import {useSingleState} from 'nice-hooks';
-import Quill from '@/pages/Memory/components/Quill';
+import MyQuill from '@/pages/Memory/components/MyQuill';
 import UpdateForm from '@/pages/Memory/components/UpdateForm';
 import {TableListItem} from '../MemoryList/data.d';
 import service from './service';
@@ -245,7 +245,7 @@ const TableList: React.FC<{}> = () => {
         <div>
           正面：
           <p/>
-          <Quill theme="bubble" readonly onChange={() => {
+          <MyQuill theme="bubble" readonly onChange={() => {
           }} value={memory.front}/>
           <p/>
           {state.showBack ? (
@@ -255,7 +255,7 @@ const TableList: React.FC<{}> = () => {
                   <div>
                     反面：
                     <p/>
-                    <Quill theme="bubble" readonly onChange={() => {
+                    <MyQuill theme="bubble" readonly onChange={() => {
                     }} value={memory.back}/>
                     <p/>
                   </div>

src/pages/MemoryList/index.tsx

@@ -7,7 +7,7 @@ import {TableListItem} from './data.d';
 import service from './service';
 import UpdateForm from "@/pages/Memory/components/UpdateForm";
 import {ExclamationCircleOutlined} from "@ant-design/icons/lib";
-import Quill from "@/pages/Memory/components/Quill";
+import MyQuill from "@/pages/Memory/components/MyQuill";
 import styles from './index.less';
 
 /**
@@ -70,7 +70,7 @@ const TableList: React.FC<{}> = () => {
       // hideInSearch: true,
       render: (text, row) => {
         return (<div className={styles.listHeight}>
-          <Quill theme="bubble" readonly onChange={() => {
+          <MyQuill theme="bubble" readonly onChange={() => {
           }} value={text}/>
         </div>);
       }
@@ -82,7 +82,7 @@ const TableList: React.FC<{}> = () => {
       hideInSearch: true,
       render: (text, row) => {
         return (<div className={styles.listHeight}>
-          <Quill theme="bubble" readonly onChange={() => {
+          <MyQuill theme="bubble" readonly onChange={() => {
           }} value={text}/>
         </div>);
       }
@@ -224,12 +224,12 @@ const TableList: React.FC<{}> = () => {
         >
           正面：
           <p/>
-          <Quill theme="bubble" readonly onChange={() => {
+          <MyQuill theme="bubble" readonly onChange={() => {
           }} value={formValues.front}/>
           <p/>
           反面：
           <p/>
-          <Quill theme="bubble" readonly onChange={() => {
+          <MyQuill theme="bubble" readonly onChange={() => {
           }} value={formValues.back}/>
         </Modal>
       ) : null}