Initial commit

a67a4dc7 · Рамис · f0704801 · a67a4dc7 · a67a4dc7 · a67a4dc7
Commit a67a4dc7 authored May 10, 2022 by Рамис
18 changed files
--- a/.editorconfig
+++ b/.editorconfig
@@ -3,7 +3,7 @@ root = true
 [*]
 charset = utf-8
 indent_style = space
-indent_size = 2
+indent_size = 4
 end_of_line = lf
 insert_final_newline = true
 trim_trailing_whitespace = true
--- a/.idea/.gitignore
+++ b/.idea/.gitignore
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
--- a/.idea/codeStyles/Project.xml
+++ b/.idea/codeStyles/Project.xml
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <JSCodeStyleSettings version="0">
+      <option name="REFORMAT_C_STYLE_COMMENTS" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+      <option name="INDENT_CHAINED_CALLS" value="false" />
+      <option name="CHAINED_CALL_DOT_ON_NEW_LINE" value="false" />
+      <option name="SPACE_BEFORE_UNARY_NOT" value="true" />
+      <option name="SPACE_AFTER_UNARY_NOT" value="true" />
+    </JSCodeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="BLOCK_COMMENT_ADD_SPACE" value="true" />
+      <option name="KEEP_FIRST_COLUMN_COMMENT" value="false" />
+      <option name="KEEP_BLANK_LINES_IN_CODE" value="1" />
+      <option name="ALIGN_MULTILINE_PARAMETERS" value="false" />
+      <option name="SPACE_BEFORE_METHOD_PARENTHESES" value="true" />
+      <option name="KEEP_SIMPLE_METHODS_IN_ONE_LINE" value="true" />
+    </codeStyleSettings>
+    <codeStyleSettings language="SASS">
+      <indentOptions>
+        <option name="INDENT_SIZE" value="4" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="SCSS">
+      <indentOptions>
+        <option name="INDENT_SIZE" value="4" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>
\ No newline at end of file
--- a/.idea/codeStyles/codeStyleConfig.xml
+++ b/.idea/codeStyles/codeStyleConfig.xml
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>
\ No newline at end of file
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>
\ No newline at end of file
--- a/.idea/modules.xml
+++ b/.idea/modules.xml
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/react-ag-qeditor.iml" filepath="$PROJECT_DIR$/.idea/react-ag-qeditor.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
--- a/.idea/react-ag-qeditor.iml
+++ b/.idea/react-ag-qeditor.iml
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
--- a/.idea/vcs.xml
+++ b/.idea/vcs.xml
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
--- a/example/src/App.js
+++ b/example/src/App.js
 import React from 'react'
-import { ExampleComponent } from 'react-ag-qeditor'
+import QEditor from 'react-ag-qeditor'
 import 'react-ag-qeditor/dist/index.css'
 const App = () => {
-  return <ExampleComponent text="Create React Library Example 😄" />
+    return <div style={{padding:40}}>
+        <QEditor />
+    </div>
 }
 export default App
--- a/package-lock.json
+++ b/package-lock.json
 {
    "name": "react-ag-qeditor",
-  "version": "1.0.0",
+    "version": "0.0.1",
    "lockfileVersion": 2,
    "requires": true,
    "packages": {
        "": {
            "name": "react-ag-qeditor",
-      "version": "1.0.0",
+            "version": "0.0.1",
            "license": "MIT",
            "devDependencies": {
                "babel-eslint": "^10.0.3",
@@ -33,7 +33,11 @@
                "node": ">=10"
            },
            "peerDependencies": {
-        "react": "^16.0.0"
+                "katex": "^0.15.3",
+                "rc-upload": "^4.3.3",
+                "react": "^16.0.0",
+                "react-quill": "^1.3.5",
+                "sass": "^1.49.9"
            }
        },
        "node_modules/@ampproject/remapping": {
@@ -1846,7 +1850,6 @@
            "version": "7.17.9",
            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.17.9.tgz",
            "integrity": "sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==",
-      "dev": true,
            "dependencies": {
                "regenerator-runtime": "^0.13.4"
            },
@@ -2958,6 +2961,15 @@
            "integrity": "sha512-L28j2FcJfSZOnL1WBjDYp2vUHCeIFlyYI/53EwD/rKUBQ7MtUUfbQWiyKJGpcnv4/WgrhWsFKrcPstcAt/J0tQ==",
            "dev": true
        },
+        "node_modules/@types/quill": {
+            "version": "1.3.10",
+            "resolved": "https://registry.npmjs.org/@types/quill/-/quill-1.3.10.tgz",
+            "integrity": "sha512-IhW3fPW+bkt9MLNlycw8u8fWb7oO7W5URC9MfZYHBlA24rex9rs23D5DETChu1zvgVdc5ka64ICjJOgQMr6Shw==",
+            "peer": true,
+            "dependencies": {
+                "parchment": "^1.1.2"
+            }
+        },
        "node_modules/@types/resolve": {
            "version": "0.0.8",
            "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz",
@@ -4691,7 +4703,6 @@
            "version": "2.2.0",
            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
            "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-      "dev": true,
            "engines": {
                "node": ">=8"
            }
@@ -5164,7 +5175,6 @@
            "version": "1.0.2",
            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-      "dev": true,
            "dependencies": {
                "function-bind": "^1.1.1",
                "get-intrinsic": "^1.0.2"
@@ -5334,7 +5344,6 @@
            "version": "3.5.3",
            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
            "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-      "dev": true,
            "funding": [
                {
                    "type": "individual",
@@ -5361,7 +5370,6 @@
            "version": "3.1.2",
            "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
            "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
-      "dev": true,
            "dependencies": {
                "normalize-path": "^3.0.0",
                "picomatch": "^2.0.4"
@@ -5374,7 +5382,6 @@
            "version": "3.0.2",
            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
            "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-      "dev": true,
            "dependencies": {
                "fill-range": "^7.0.1"
            },
@@ -5386,7 +5393,6 @@
            "version": "7.0.1",
            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
            "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-      "dev": true,
            "dependencies": {
                "to-regex-range": "^5.0.1"
            },
@@ -5398,7 +5404,6 @@
            "version": "2.3.2",
            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
            "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
            "hasInstallScript": true,
            "optional": true,
            "os": [
@@ -5412,7 +5417,6 @@
            "version": "7.0.0",
            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
            "engines": {
                "node": ">=0.12.0"
            }
@@ -5421,7 +5425,6 @@
            "version": "5.0.1",
            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
            "dependencies": {
                "is-number": "^7.0.0"
            },
@@ -5558,6 +5561,12 @@
                "node": ">=0.10.0"
            }
        },
+        "node_modules/classnames": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
+            "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==",
+            "peer": true
+        },
        "node_modules/clean-css": {
            "version": "4.2.4",
            "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.4.tgz",
@@ -5634,6 +5643,15 @@
                "node": ">=6"
            }
        },
+        "node_modules/clone": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+            "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=",
+            "peer": true,
+            "engines": {
+                "node": ">=0.8"
+            }
+        },
        "node_modules/clone-deep": {
            "version": "4.0.1",
            "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
@@ -6077,6 +6095,16 @@
                "sha.js": "^2.4.8"
            }
        },
+        "node_modules/create-react-class": {
+            "version": "15.7.0",
+            "resolved": "https://registry.npmjs.org/create-react-class/-/create-react-class-15.7.0.tgz",
+            "integrity": "sha512-QZv4sFWG9S5RUvkTYWbflxeZX+JG7Cz0Tn33rQBJ+WFQTqTfUTjMjiv9tnfXazjsO5r0KhPs+AqCjyrQX6h2ng==",
+            "peer": true,
+            "dependencies": {
+                "loose-envify": "^1.3.1",
+                "object-assign": "^4.1.1"
+            }
+        },
        "node_modules/cross-env": {
            "version": "7.0.3",
            "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz",
@@ -6780,7 +6808,6 @@
            "version": "1.1.1",
            "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz",
            "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==",
-      "dev": true,
            "dependencies": {
                "is-arguments": "^1.0.4",
                "is-date-object": "^1.0.1",
@@ -6825,7 +6852,6 @@
            "version": "1.1.4",
            "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz",
            "integrity": "sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==",
-      "dev": true,
            "dependencies": {
                "has-property-descriptors": "^1.0.0",
                "object-keys": "^1.1.1"
@@ -8645,8 +8671,7 @@
        "node_modules/extend": {
            "version": "3.0.2",
            "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+            "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
-      "dev": true
        },
        "node_modules/extend-shallow": {
            "version": "3.0.2",
@@ -9254,8 +9279,7 @@
        "node_modules/function-bind": {
            "version": "1.1.1",
            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
-      "dev": true
        },
        "node_modules/function.prototype.name": {
            "version": "1.1.5",
@@ -9285,7 +9309,6 @@
            "version": "1.2.3",
            "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
            "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "dev": true,
            "funding": {
                "url": "https://github.com/sponsors/ljharb"
            }
@@ -9321,7 +9344,6 @@
            "version": "1.1.1",
            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
            "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
-      "dev": true,
            "dependencies": {
                "function-bind": "^1.1.1",
                "has": "^1.0.3",
@@ -9437,7 +9459,6 @@
            "version": "5.1.2",
            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
            "dependencies": {
                "is-glob": "^4.0.1"
            },
@@ -9599,7 +9620,6 @@
            "version": "1.0.3",
            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dev": true,
            "dependencies": {
                "function-bind": "^1.1.1"
            },
@@ -9650,7 +9670,6 @@
            "version": "1.0.0",
            "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
            "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
-      "dev": true,
            "dependencies": {
                "get-intrinsic": "^1.1.1"
            },
@@ -9662,7 +9681,6 @@
            "version": "1.0.3",
            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "dev": true,
            "engines": {
                "node": ">= 0.4"
            },
@@ -9674,7 +9692,6 @@
            "version": "1.0.0",
            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
            "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-      "dev": true,
            "dependencies": {
                "has-symbols": "^1.0.2"
            },
@@ -10097,6 +10114,12 @@
            "integrity": "sha512-O3sR1/opvCDGLEVcvrGTMtLac8GJ5IwZC4puPrLuRj3l7ICKvkmA0vGuU9OW8mV9WIBRnaxp5GJh9IEAaNOoYg==",
            "dev": true
        },
+        "node_modules/immutable": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.0.0.tgz",
+            "integrity": "sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw==",
+            "peer": true
+        },
        "node_modules/import-cwd": {
            "version": "2.1.0",
            "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
@@ -10414,7 +10437,6 @@
            "version": "1.1.1",
            "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
            "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
-      "dev": true,
            "dependencies": {
                "call-bind": "^1.0.2",
                "has-tostringtag": "^1.0.0"
@@ -10448,7 +10470,6 @@
            "version": "2.1.0",
            "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
            "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
            "dependencies": {
                "binary-extensions": "^2.0.0"
            },
@@ -10544,7 +10565,6 @@
            "version": "1.0.5",
            "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
            "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "dev": true,
            "dependencies": {
                "has-tostringtag": "^1.0.0"
            },
@@ -10609,7 +10629,6 @@
            "version": "2.1.1",
            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
            "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
-      "dev": true,
            "engines": {
                "node": ">=0.10.0"
            }
@@ -10636,7 +10655,6 @@
            "version": "4.0.3",
            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
            "dependencies": {
                "is-extglob": "^2.1.1"
            },
@@ -10777,7 +10795,6 @@
            "version": "1.1.4",
            "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
            "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "dev": true,
            "dependencies": {
                "call-bind": "^1.0.2",
                "has-tostringtag": "^1.0.0"
@@ -11703,8 +11720,7 @@
        "node_modules/js-tokens": {
            "version": "4.0.0",
            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-      "dev": true
        },
        "node_modules/js-yaml": {
            "version": "3.14.1",
@@ -11892,6 +11908,31 @@
                "node": ">=4.0"
            }
        },
+        "node_modules/katex": {
+            "version": "0.15.3",
+            "resolved": "https://registry.npmjs.org/katex/-/katex-0.15.3.tgz",
+            "integrity": "sha512-Al6V7RJsmjklT9QItyHWGaQCt+NYTle1bZwB1e9MR/tLoIT1MXaHy9UpfGSB7eaqDgjjqqRxQOaQGrALCrEyBQ==",
+            "funding": [
+                "https://opencollective.com/katex",
+                "https://github.com/sponsors/katex"
+            ],
+            "peer": true,
+            "dependencies": {
+                "commander": "^8.0.0"
+            },
+            "bin": {
+                "katex": "cli.js"
+            }
+        },
+        "node_modules/katex/node_modules/commander": {
+            "version": "8.3.0",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+            "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+            "peer": true,
+            "engines": {
+                "node": ">= 12"
+            }
+        },
        "node_modules/killable": {
            "version": "1.0.1",
            "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
@@ -12131,8 +12172,7 @@
        "node_modules/lodash": {
            "version": "4.17.21",
            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-      "dev": true
        },
        "node_modules/lodash._reinterpolate": {
            "version": "3.0.0",
@@ -12212,7 +12252,6 @@
            "version": "1.4.0",
            "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
            "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dev": true,
            "dependencies": {
                "js-tokens": "^3.0.0 || ^4.0.0"
            },
@@ -13180,7 +13219,6 @@
            "version": "3.0.0",
            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
            "engines": {
                "node": ">=0.10.0"
            }
@@ -13368,7 +13406,6 @@
            "version": "4.1.1",
            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
            "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
-      "dev": true,
            "engines": {
                "node": ">=0.10.0"
            }
@@ -13480,7 +13517,6 @@
            "version": "1.1.5",
            "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
            "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
-      "dev": true,
            "dependencies": {
                "call-bind": "^1.0.2",
                "define-properties": "^1.1.3"
@@ -13496,7 +13532,6 @@
            "version": "1.1.1",
            "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
            "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "dev": true,
            "engines": {
                "node": ">= 0.4"
            }
@@ -13914,6 +13949,12 @@
            "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==",
            "dev": true
        },
+        "node_modules/parchment": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/parchment/-/parchment-1.1.4.tgz",
+            "integrity": "sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg==",
+            "peer": true
+        },
        "node_modules/parent-module": {
            "version": "1.0.1",
            "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -14095,7 +14136,6 @@
            "version": "2.3.1",
            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
            "engines": {
                "node": ">=8.6"
            },
@@ -15748,7 +15788,6 @@
            "version": "15.8.1",
            "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
            "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dev": true,
            "dependencies": {
                "loose-envify": "^1.4.0",
                "object-assign": "^4.1.1",
@@ -15897,6 +15936,46 @@
            "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
            "dev": true
        },
+        "node_modules/quill": {
+            "version": "1.3.7",
+            "resolved": "https://registry.npmjs.org/quill/-/quill-1.3.7.tgz",
+            "integrity": "sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==",
+            "peer": true,
+            "dependencies": {
+                "clone": "^2.1.1",
+                "deep-equal": "^1.0.1",
+                "eventemitter3": "^2.0.3",
+                "extend": "^3.0.2",
+                "parchment": "^1.1.4",
+                "quill-delta": "^3.6.2"
+            }
+        },
+        "node_modules/quill-delta": {
+            "version": "3.6.3",
+            "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-3.6.3.tgz",
+            "integrity": "sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==",
+            "peer": true,
+            "dependencies": {
+                "deep-equal": "^1.0.1",
+                "extend": "^3.0.2",
+                "fast-diff": "1.1.2"
+            },
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
+        "node_modules/quill-delta/node_modules/fast-diff": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.1.2.tgz",
+            "integrity": "sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig==",
+            "peer": true
+        },
+        "node_modules/quill/node_modules/eventemitter3": {
+            "version": "2.0.3",
+            "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
+            "integrity": "sha1-teEHm1n7XhuidxwKmTvgYKWMmbo=",
+            "peer": true
+        },
        "node_modules/raf": {
            "version": "3.4.1",
            "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
@@ -15958,11 +16037,40 @@
                "node": ">= 0.8"
            }
        },
+        "node_modules/rc-upload": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-4.3.3.tgz",
+            "integrity": "sha512-YoJ0phCRenMj1nzwalXzciKZ9/FAaCrFu84dS5pphwucTC8GUWClcDID/WWNGsLFcM97NqIboDqrV82rVRhW/w==",
+            "peer": true,
+            "dependencies": {
+                "@babel/runtime": "^7.10.1",
+                "classnames": "^2.2.5",
+                "rc-util": "^5.2.0"
+            },
+            "peerDependencies": {
+                "react": ">=16.9.0",
+                "react-dom": ">=16.9.0"
+            }
+        },
+        "node_modules/rc-util": {
+            "version": "5.21.4",
+            "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.21.4.tgz",
+            "integrity": "sha512-rq11ap3NnOIdywFhcMQ9J7DXRJJ1c1Id1Hvr/1Dphr+5X75ERJBJybuh779DdurP4LJQqAhT6Aie0AjrBc5Vqw==",
+            "peer": true,
+            "dependencies": {
+                "@babel/runtime": "^7.12.5",
+                "react-is": "^16.12.0",
+                "shallowequal": "^1.1.0"
+            },
+            "peerDependencies": {
+                "react": ">=16.9.0",
+                "react-dom": ">=16.9.0"
+            }
+        },
        "node_modules/react": {
            "version": "16.14.0",
            "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
            "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
-      "dev": true,
            "dependencies": {
                "loose-envify": "^1.1.0",
                "object-assign": "^4.1.1",
@@ -16310,7 +16418,6 @@
            "version": "16.14.0",
            "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz",
            "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==",
-      "dev": true,
            "dependencies": {
                "loose-envify": "^1.1.0",
                "object-assign": "^4.1.1",
@@ -16321,6 +16428,12 @@
                "react": "^16.14.0"
            }
        },
+        "node_modules/react-dom-factories": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/react-dom-factories/-/react-dom-factories-1.0.2.tgz",
+            "integrity": "sha1-63cFxNs2+1AbOqOP91lhaqD/luA=",
+            "peer": true
+        },
        "node_modules/react-error-overlay": {
            "version": "6.0.11",
            "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
@@ -16330,8 +16443,27 @@
        "node_modules/react-is": {
            "version": "16.13.1",
            "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+            "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-      "dev": true
+        },
+        "node_modules/react-quill": {
+            "version": "1.3.5",
+            "resolved": "https://registry.npmjs.org/react-quill/-/react-quill-1.3.5.tgz",
+            "integrity": "sha512-/W/rNCW+6QpGz8yQ9tFK5Ka/h/No1RqrcOOvCIOR092OiKzRFlU2xbPEwiP3Wgy/Dx13pi1YhjReDMX/5uotJg==",
+            "peer": true,
+            "dependencies": {
+                "@types/quill": "1.3.10",
+                "create-react-class": "^15.6.0",
+                "lodash": "^4.17.4",
+                "prop-types": "^15.5.10",
+                "quill": "^1.3.7",
+                "react-dom-factories": "^1.0.0"
+            },
+            "engines": {
+                "node": ">= 0.8.x"
+            },
+            "peerDependencies": {
+                "react": "^0.14.9 || ^15.3.0 || ^16.0.0"
+            }
        },
        "node_modules/react-scripts": {
            "version": "3.4.4",
@@ -16787,7 +16919,6 @@
            "version": "3.6.0",
            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
            "dependencies": {
                "picomatch": "^2.2.1"
            },
@@ -16852,8 +16983,7 @@
        "node_modules/regenerator-runtime": {
            "version": "0.13.9",
            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
-      "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==",
+            "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
-      "dev": true
        },
        "node_modules/regenerator-transform": {
            "version": "0.15.0",
@@ -16887,7 +17017,6 @@
            "version": "1.4.3",
            "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz",
            "integrity": "sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==",
-      "dev": true,
            "dependencies": {
                "call-bind": "^1.0.2",
                "define-properties": "^1.1.3",
@@ -17931,6 +18060,23 @@
            "integrity": "sha512-vTxrZz4dX5W86M6oVWVdOVe72ZiPs41Oi7Z6Km4W5Turyz28mrXSJhhEBZoRtzJWIv3833WKVwLSDWWkEfupMg==",
            "dev": true
        },
+        "node_modules/sass": {
+            "version": "1.51.0",
+            "resolved": "https://registry.npmjs.org/sass/-/sass-1.51.0.tgz",
+            "integrity": "sha512-haGdpTgywJTvHC2b91GSq+clTKGbtkkZmVAb82jZQN/wTy6qs8DdFm2lhEQbEwrY0QDRgSQ3xDurqM977C3noA==",
+            "peer": true,
+            "dependencies": {
+                "chokidar": ">=3.0.0 <4.0.0",
+                "immutable": "^4.0.0",
+                "source-map-js": ">=0.6.2 <2.0.0"
+            },
+            "bin": {
+                "sass": "sass.js"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            }
+        },
        "node_modules/sass-loader": {
            "version": "8.0.2",
            "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-8.0.2.tgz",
@@ -17990,7 +18136,6 @@
            "version": "0.19.1",
            "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
            "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
-      "dev": true,
            "dependencies": {
                "loose-envify": "^1.1.0",
                "object-assign": "^4.1.1"
@@ -18276,6 +18421,12 @@
                "node": ">=8"
            }
        },
+        "node_modules/shallowequal": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+            "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==",
+            "peer": true
+        },
        "node_modules/shebang-command": {
            "version": "2.0.0",
            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -18652,6 +18803,15 @@
                "node": ">=0.10.0"
            }
        },
+        "node_modules/source-map-js": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+            "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+            "peer": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
        "node_modules/source-map-resolve": {
            "version": "0.5.3",
            "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
@@ -22810,7 +22970,6 @@
            "version": "7.17.9",
            "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.17.9.tgz",
            "integrity": "sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==",
-      "dev": true,
            "requires": {
                "regenerator-runtime": "^0.13.4"
            }
@@ -23660,6 +23819,15 @@
            "integrity": "sha512-L28j2FcJfSZOnL1WBjDYp2vUHCeIFlyYI/53EwD/rKUBQ7MtUUfbQWiyKJGpcnv4/WgrhWsFKrcPstcAt/J0tQ==",
            "dev": true
        },
+        "@types/quill": {
+            "version": "1.3.10",
+            "resolved": "https://registry.npmjs.org/@types/quill/-/quill-1.3.10.tgz",
+            "integrity": "sha512-IhW3fPW+bkt9MLNlycw8u8fWb7oO7W5URC9MfZYHBlA24rex9rs23D5DETChu1zvgVdc5ka64ICjJOgQMr6Shw==",
+            "peer": true,
+            "requires": {
+                "parchment": "^1.1.2"
+            }
+        },
        "@types/resolve": {
            "version": "0.0.8",
            "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz",
@@ -25063,8 +25231,7 @@
        "binary-extensions": {
            "version": "2.2.0",
            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+            "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA=="
-      "dev": true
        },
        "bindings": {
            "version": "1.5.0",
@@ -25470,7 +25637,6 @@
            "version": "1.0.2",
            "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
            "integrity": "sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==",
-      "dev": true,
            "requires": {
                "function-bind": "^1.1.1",
                "get-intrinsic": "^1.0.2"
@@ -25604,7 +25770,6 @@
            "version": "3.5.3",
            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
            "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-      "dev": true,
            "requires": {
                "anymatch": "~3.1.2",
                "braces": "~3.0.2",
@@ -25620,7 +25785,6 @@
                    "version": "3.1.2",
                    "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
                    "integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
-          "dev": true,
                    "requires": {
                        "normalize-path": "^3.0.0",
                        "picomatch": "^2.0.4"
@@ -25630,7 +25794,6 @@
                    "version": "3.0.2",
                    "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
                    "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-          "dev": true,
                    "requires": {
                        "fill-range": "^7.0.1"
                    }
@@ -25639,7 +25802,6 @@
                    "version": "7.0.1",
                    "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
                    "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-          "dev": true,
                    "requires": {
                        "to-regex-range": "^5.0.1"
                    }
@@ -25648,20 +25810,17 @@
                    "version": "2.3.2",
                    "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
                    "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-          "dev": true,
                    "optional": true
                },
                "is-number": {
                    "version": "7.0.0",
                    "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-          "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+                    "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
-          "dev": true
                },
                "to-regex-range": {
                    "version": "5.0.1",
                    "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
                    "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-          "dev": true,
                    "requires": {
                        "is-number": "^7.0.0"
                    }
@@ -25776,6 +25935,12 @@
                }
            }
        },
+        "classnames": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
+            "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==",
+            "peer": true
+        },
        "clean-css": {
            "version": "4.2.4",
            "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.4.tgz",
@@ -25836,6 +26001,12 @@
                }
            }
        },
+        "clone": {
+            "version": "2.1.2",
+            "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+            "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=",
+            "peer": true
+        },
        "clone-deep": {
            "version": "4.0.1",
            "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
@@ -26207,6 +26378,16 @@
                "sha.js": "^2.4.8"
            }
        },
+        "create-react-class": {
+            "version": "15.7.0",
+            "resolved": "https://registry.npmjs.org/create-react-class/-/create-react-class-15.7.0.tgz",
+            "integrity": "sha512-QZv4sFWG9S5RUvkTYWbflxeZX+JG7Cz0Tn33rQBJ+WFQTqTfUTjMjiv9tnfXazjsO5r0KhPs+AqCjyrQX6h2ng==",
+            "peer": true,
+            "requires": {
+                "loose-envify": "^1.3.1",
+                "object-assign": "^4.1.1"
+            }
+        },
        "cross-env": {
            "version": "7.0.3",
            "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz",
@@ -26766,7 +26947,6 @@
            "version": "1.1.1",
            "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz",
            "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==",
-      "dev": true,
            "requires": {
                "is-arguments": "^1.0.4",
                "is-date-object": "^1.0.1",
@@ -26802,7 +26982,6 @@
            "version": "1.1.4",
            "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz",
            "integrity": "sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==",
-      "dev": true,
            "requires": {
                "has-property-descriptors": "^1.0.0",
                "object-keys": "^1.1.1"
@@ -28228,8 +28407,7 @@
        "extend": {
            "version": "3.0.2",
            "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+            "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
-      "dev": true
        },
        "extend-shallow": {
            "version": "3.0.2",
@@ -28714,8 +28892,7 @@
        "function-bind": {
            "version": "1.1.1",
            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+            "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
-      "dev": true
        },
        "function.prototype.name": {
            "version": "1.1.5",
@@ -28738,8 +28915,7 @@
        "functions-have-names": {
            "version": "1.2.3",
            "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+            "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ=="
-      "dev": true
        },
        "generic-names": {
            "version": "2.0.1",
@@ -28766,7 +28942,6 @@
            "version": "1.1.1",
            "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
            "integrity": "sha512-kWZrnVM42QCiEA2Ig1bG8zjoIMOgxWwYCEeNdwY6Tv/cOSeGpcoX4pXHfKUxNKVoArnrEr2e9srnAxxGIraS9Q==",
-      "dev": true,
            "requires": {
                "function-bind": "^1.1.1",
                "has": "^1.0.3",
@@ -28851,7 +29026,6 @@
            "version": "5.1.2",
            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
            "requires": {
                "is-glob": "^4.0.1"
            }
@@ -28986,7 +29160,6 @@
            "version": "1.0.3",
            "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
            "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-      "dev": true,
            "requires": {
                "function-bind": "^1.1.1"
            }
@@ -29024,7 +29197,6 @@
            "version": "1.0.0",
            "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
            "integrity": "sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==",
-      "dev": true,
            "requires": {
                "get-intrinsic": "^1.1.1"
            }
@@ -29032,14 +29204,12 @@
        "has-symbols": {
            "version": "1.0.3",
            "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+            "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A=="
-      "dev": true
        },
        "has-tostringtag": {
            "version": "1.0.0",
            "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
            "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-      "dev": true,
            "requires": {
                "has-symbols": "^1.0.2"
            }
@@ -29365,6 +29535,12 @@
            "integrity": "sha512-O3sR1/opvCDGLEVcvrGTMtLac8GJ5IwZC4puPrLuRj3l7ICKvkmA0vGuU9OW8mV9WIBRnaxp5GJh9IEAaNOoYg==",
            "dev": true
        },
+        "immutable": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.0.0.tgz",
+            "integrity": "sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw==",
+            "peer": true
+        },
        "import-cwd": {
            "version": "2.1.0",
            "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
@@ -29611,7 +29787,6 @@
            "version": "1.1.1",
            "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
            "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
-      "dev": true,
            "requires": {
                "call-bind": "^1.0.2",
                "has-tostringtag": "^1.0.0"
@@ -29636,7 +29811,6 @@
            "version": "2.1.0",
            "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
            "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
            "requires": {
                "binary-extensions": "^2.0.0"
            }
@@ -29708,7 +29882,6 @@
            "version": "1.0.5",
            "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
            "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "dev": true,
            "requires": {
                "has-tostringtag": "^1.0.0"
            }
@@ -29748,8 +29921,7 @@
        "is-extglob": {
            "version": "2.1.1",
            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+            "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI="
-      "dev": true
        },
        "is-fullwidth-code-point": {
            "version": "3.0.0",
@@ -29767,7 +29939,6 @@
            "version": "4.0.3",
            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
            "requires": {
                "is-extglob": "^2.1.1"
            }
@@ -29871,7 +30042,6 @@
            "version": "1.1.4",
            "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
            "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "dev": true,
            "requires": {
                "call-bind": "^1.0.2",
                "has-tostringtag": "^1.0.0"
@@ -30618,8 +30788,7 @@
        "js-tokens": {
            "version": "4.0.0",
            "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+            "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-      "dev": true
        },
        "js-yaml": {
            "version": "3.14.1",
@@ -30779,6 +30948,23 @@
                "object.assign": "^4.1.2"
            }
        },
+        "katex": {
+            "version": "0.15.3",
+            "resolved": "https://registry.npmjs.org/katex/-/katex-0.15.3.tgz",
+            "integrity": "sha512-Al6V7RJsmjklT9QItyHWGaQCt+NYTle1bZwB1e9MR/tLoIT1MXaHy9UpfGSB7eaqDgjjqqRxQOaQGrALCrEyBQ==",
+            "peer": true,
+            "requires": {
+                "commander": "^8.0.0"
+            },
+            "dependencies": {
+                "commander": {
+                    "version": "8.3.0",
+                    "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+                    "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+                    "peer": true
+                }
+            }
+        },
        "killable": {
            "version": "1.0.1",
            "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
@@ -30972,8 +31158,7 @@
        "lodash": {
            "version": "4.17.21",
            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-      "dev": true
        },
        "lodash._reinterpolate": {
            "version": "3.0.0",
@@ -31046,7 +31231,6 @@
            "version": "1.4.0",
            "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
            "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dev": true,
            "requires": {
                "js-tokens": "^3.0.0 || ^4.0.0"
            }
@@ -31871,8 +32055,7 @@
        "normalize-path": {
            "version": "3.0.0",
            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
-      "dev": true
        },
        "normalize-range": {
            "version": "0.1.2",
@@ -32013,8 +32196,7 @@
        "object-assign": {
            "version": "4.1.1",
            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+            "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
-      "dev": true
        },
        "object-copy": {
            "version": "0.1.0",
@@ -32100,7 +32282,6 @@
            "version": "1.1.5",
            "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
            "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
-      "dev": true,
            "requires": {
                "call-bind": "^1.0.2",
                "define-properties": "^1.1.3"
@@ -32109,8 +32290,7 @@
        "object-keys": {
            "version": "1.1.1",
            "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+            "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA=="
-      "dev": true
        },
        "object-visit": {
            "version": "1.0.1",
@@ -32427,6 +32607,12 @@
                }
            }
        },
+        "parchment": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/parchment/-/parchment-1.1.4.tgz",
+            "integrity": "sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg==",
+            "peer": true
+        },
        "parent-module": {
            "version": "1.0.1",
            "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -32579,8 +32765,7 @@
        "picomatch": {
            "version": "2.3.1",
            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
-      "dev": true
        },
        "pidtree": {
            "version": "0.3.1",
@@ -33931,7 +34116,6 @@
            "version": "15.8.1",
            "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
            "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dev": true,
            "requires": {
                "loose-envify": "^1.4.0",
                "object-assign": "^4.1.1",
@@ -34061,6 +34245,47 @@
            "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
            "dev": true
        },
+        "quill": {
+            "version": "1.3.7",
+            "resolved": "https://registry.npmjs.org/quill/-/quill-1.3.7.tgz",
+            "integrity": "sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==",
+            "peer": true,
+            "requires": {
+                "clone": "^2.1.1",
+                "deep-equal": "^1.0.1",
+                "eventemitter3": "^2.0.3",
+                "extend": "^3.0.2",
+                "parchment": "^1.1.4",
+                "quill-delta": "^3.6.2"
+            },
+            "dependencies": {
+                "eventemitter3": {
+                    "version": "2.0.3",
+                    "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
+                    "integrity": "sha1-teEHm1n7XhuidxwKmTvgYKWMmbo=",
+                    "peer": true
+                }
+            }
+        },
+        "quill-delta": {
+            "version": "3.6.3",
+            "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-3.6.3.tgz",
+            "integrity": "sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==",
+            "peer": true,
+            "requires": {
+                "deep-equal": "^1.0.1",
+                "extend": "^3.0.2",
+                "fast-diff": "1.1.2"
+            },
+            "dependencies": {
+                "fast-diff": {
+                    "version": "1.1.2",
+                    "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.1.2.tgz",
+                    "integrity": "sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig==",
+                    "peer": true
+                }
+            }
+        },
        "raf": {
            "version": "3.4.1",
            "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
@@ -34115,11 +34340,32 @@
                }
            }
        },
+        "rc-upload": {
+            "version": "4.3.3",
+            "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-4.3.3.tgz",
+            "integrity": "sha512-YoJ0phCRenMj1nzwalXzciKZ9/FAaCrFu84dS5pphwucTC8GUWClcDID/WWNGsLFcM97NqIboDqrV82rVRhW/w==",
+            "peer": true,
+            "requires": {
+                "@babel/runtime": "^7.10.1",
+                "classnames": "^2.2.5",
+                "rc-util": "^5.2.0"
+            }
+        },
+        "rc-util": {
+            "version": "5.21.4",
+            "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.21.4.tgz",
+            "integrity": "sha512-rq11ap3NnOIdywFhcMQ9J7DXRJJ1c1Id1Hvr/1Dphr+5X75ERJBJybuh779DdurP4LJQqAhT6Aie0AjrBc5Vqw==",
+            "peer": true,
+            "requires": {
+                "@babel/runtime": "^7.12.5",
+                "react-is": "^16.12.0",
+                "shallowequal": "^1.1.0"
+            }
+        },
        "react": {
            "version": "16.14.0",
            "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
            "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
-      "dev": true,
            "requires": {
                "loose-envify": "^1.1.0",
                "object-assign": "^4.1.1",
@@ -34397,7 +34643,6 @@
            "version": "16.14.0",
            "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz",
            "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==",
-      "dev": true,
            "requires": {
                "loose-envify": "^1.1.0",
                "object-assign": "^4.1.1",
@@ -34405,6 +34650,12 @@
                "scheduler": "^0.19.1"
            }
        },
+        "react-dom-factories": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/react-dom-factories/-/react-dom-factories-1.0.2.tgz",
+            "integrity": "sha1-63cFxNs2+1AbOqOP91lhaqD/luA=",
+            "peer": true
+        },
        "react-error-overlay": {
            "version": "6.0.11",
            "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
@@ -34414,8 +34665,21 @@
        "react-is": {
            "version": "16.13.1",
            "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+            "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-      "dev": true
+        },
+        "react-quill": {
+            "version": "1.3.5",
+            "resolved": "https://registry.npmjs.org/react-quill/-/react-quill-1.3.5.tgz",
+            "integrity": "sha512-/W/rNCW+6QpGz8yQ9tFK5Ka/h/No1RqrcOOvCIOR092OiKzRFlU2xbPEwiP3Wgy/Dx13pi1YhjReDMX/5uotJg==",
+            "peer": true,
+            "requires": {
+                "@types/quill": "1.3.10",
+                "create-react-class": "^15.6.0",
+                "lodash": "^4.17.4",
+                "prop-types": "^15.5.10",
+                "quill": "^1.3.7",
+                "react-dom-factories": "^1.0.0"
+            }
        },
        "react-scripts": {
            "version": "3.4.4",
@@ -34779,7 +35043,6 @@
            "version": "3.6.0",
            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
            "requires": {
                "picomatch": "^2.2.1"
            }
@@ -34831,8 +35094,7 @@
        "regenerator-runtime": {
            "version": "0.13.9",
            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
-      "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==",
+            "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
-      "dev": true
        },
        "regenerator-transform": {
            "version": "0.15.0",
@@ -34863,7 +35125,6 @@
            "version": "1.4.3",
            "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz",
            "integrity": "sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==",
-      "dev": true,
            "requires": {
                "call-bind": "^1.0.2",
                "define-properties": "^1.1.3",
@@ -35690,6 +35951,17 @@
            "integrity": "sha512-vTxrZz4dX5W86M6oVWVdOVe72ZiPs41Oi7Z6Km4W5Turyz28mrXSJhhEBZoRtzJWIv3833WKVwLSDWWkEfupMg==",
            "dev": true
        },
+        "sass": {
+            "version": "1.51.0",
+            "resolved": "https://registry.npmjs.org/sass/-/sass-1.51.0.tgz",
+            "integrity": "sha512-haGdpTgywJTvHC2b91GSq+clTKGbtkkZmVAb82jZQN/wTy6qs8DdFm2lhEQbEwrY0QDRgSQ3xDurqM977C3noA==",
+            "peer": true,
+            "requires": {
+                "chokidar": ">=3.0.0 <4.0.0",
+                "immutable": "^4.0.0",
+                "source-map-js": ">=0.6.2 <2.0.0"
+            }
+        },
        "sass-loader": {
            "version": "8.0.2",
            "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-8.0.2.tgz",
@@ -35722,7 +35994,6 @@
            "version": "0.19.1",
            "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
            "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
-      "dev": true,
            "requires": {
                "loose-envify": "^1.1.0",
                "object-assign": "^4.1.1"
@@ -35967,6 +36238,12 @@
                "kind-of": "^6.0.2"
            }
        },
+        "shallowequal": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+            "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==",
+            "peer": true
+        },
        "shebang-command": {
            "version": "2.0.0",
            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -36287,6 +36564,12 @@
            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
            "dev": true
        },
+        "source-map-js": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+            "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+            "peer": true
+        },
        "source-map-resolve": {
            "version": "0.5.3",
            "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
--- a/package.json
+++ b/package.json
 {
    "name": "react-ag-qeditor",
-  "version": "1.0.0",
+    "version": "0.0.1",
-  "description": "Made with create-react-library",
+    "description": "WYSIWYG html editor",
    "author": "atma",
    "license": "MIT",
    "repository": "atma/react-ag-qeditor",
@@ -12,8 +12,8 @@
        "node": ">=10"
    },
    "scripts": {
-    "build": "microbundle-crl --no-compress --format modern,cjs",
+        "build": "microbundle-crl --no-compress --format modern,cjs --css-modules false",
-    "start": "microbundle-crl watch --no-compress --format modern,cjs",
+        "start": "microbundle-crl watch --no-compress --format modern,cjs ",
        "prepare": "run-s build",
        "test": "run-s test:unit test:lint test:build",
        "test:build": "run-s build",
@@ -24,7 +24,11 @@
        "deploy": "gh-pages -d example/build"
    },
    "peerDependencies": {
-    "react": "^16.0.0"
+        "react": "^16.0.0",
+        "katex": "^0.15.3",
+        "rc-upload": "^4.3.3",
+        "react-quill": "^1.3.5",
+        "sass": "^1.49.9"
    },
    "devDependencies": {
        "microbundle-crl": "^0.13.10",

--- a/src/QEditor.jsx
+++ b/src/QEditor.jsx
+import React, { Fragment } from 'react'
+import ReactQuill, { Quill } from 'react-quill';
+import './index.scss';
+import 'react-quill/dist/quill.snow.css';
+import VideoBlot from "./blots/VideoBlot";
+import VideoLocalBlot from "./blots/VideoLocalBlot";
+import EditorModal from "./components/EditorModal";
+import Uploader from "./components/Uploader";
+import "katex/dist/katex.min.css";
+import katex from "katex";
+export default class QEditor extends React.Component {
+    constructor (props) {
+        super(props)
+        this.state = {
+            init: false,
+            modalIsOpen: false,
+            innerModalType: null,
+            quillRef: null,
+            uploadedPaths: [],
+            uploaderUid: 'uid' + new Date(),
+            embedContent: ''
+        }
+        Quill.register('formats/video', VideoBlot)
+        Quill.register('formats/videoLocal', VideoLocalBlot)
+    }
+    componentDidMount () {
+        this.setState({
+            init: true
+        })
+    }
+    modules = {
+        toolbar: {
+            container: [
+                [{header: [2, 3, 4, false]}],
+                ['bold', 'italic', 'underline', 'strike', 'blockquote'],
+                [
+                    {list: 'ordered'},
+                    {list: 'bullet'},
+                    {indent: '-1'},
+                    {indent: '+1'}
+                ],
+                [{align: []}, {color: []}, {background: []}],
+                ['link', 'image', 'video', 'videoLocal'],
+                ['formula'],
+                ['clean']
+            ],
+            handlers: {
+                video: (a) => {
+                    this.setState(
+                        {
+                            innerModalType: 'video'
+                        },
+                        () => this.editorModal.show({title: 'Видео по ссылке'})
+                    )
+                },
+                videoLocal: () => {
+                    this.setState({
+                        innerModalType: 'videoLocal'
+                    }, () => this.editorModal.show({title: 'Загрузить видео'}));
+                },
+                image: () => {
+                    this.setState({
+                        innerModalType: 'image'
+                    }, () => this.editorModal.show({title: 'Загрузить изображение'}));
+                }
+            }
+        },
+    }
+    formats = [
+        'header',
+        'bold', 'italic', 'underline', 'strike', 'blockquote',
+        'list', 'bullet', 'indent',
+        'align',
+        'link', 'image', 'video', 'color', 'background', 'videoLocal',
+        'formula'/*'imageHandler',*/
+    ]
+    buildActionsModal (buttons = []) {
+        if (buttons.length === 0) {
+            return null;
+        }
+        return (
+            <div className={'atma-editor-modal-action'}>
+                {
+                    buttons.map((btn, i) => (
+                        <button key={'mAction' + i} className={'atma-editor-btn' + btn.className}
+                                onClick={btn.onClick}>{btn.title}</button>
+                    ))
+                }
+            </div>
+        )
+    }
+    getInnerModal () {
+        switch (this.state.innerModalType) {
+            case 'video':
+                return (
+                    <Fragment>
+                        <input type="text" value={this.state.embedContent} placeholder={'https://'} onInput={(e) => {
+                            this.setState({
+                                embedContent: e.target.value
+                            })
+                        }}/>
+                        <ul className={'atma-editor-soc-video'}>
+                            <li className={'youtube'}/>
+                            <li className={'vimeo'}/>
+                            <li className={'vk'}/>
+                            <li className={'ok'}/>
+                        </ul>
+                    </Fragment>
+                )
+            case 'videoLocal':
+                return (
+                    <Fragment>
+                        <Uploader
+                            key={this.state.uploaderUid}
+                            accept={'video/*'}
+                            action={'https://cdn.atmaguru.online/upload/?sid=test&md5=UN8SUwWR8m5XUm9v8uDtew&expires=1652081782'}
+                            onSuccess={(file) => {
+                                let uploadedPaths = this.state.uploadedPaths;
+                                uploadedPaths.push(file);
+                                this.setState({uploadedPaths});
+                            }}
+                            multiple={true}
+                        />
+                    </Fragment>
+                )
+            case 'image':
+                return (
+                    <Fragment>
+                        <Uploader
+                            key={this.state.uploaderUid}
+                            accept={'image/*'}
+                            action={'https://cdn.atmaguru.online/upload/?sid=test&md5=UN8SUwWR8m5XUm9v8uDtew&expires=1652081782'}
+                            onSuccess={(file) => {
+                                let uploadedPaths = this.state.uploadedPaths;
+                                uploadedPaths.push(file);
+                                this.setState({uploadedPaths});
+                            }}
+                            multiple={true}
+                        />
+                    </Fragment>
+                )
+            default:
+                return <div>Пусто</div>
+        }
+    }
+    quillInsert () {
+        const quill = this.quillRef.getEditor();
+        let range = quill.getSelection();
+        let index = range ? range.index : 0;
+        switch (this.state.innerModalType) {
+            case 'image':
+            case 'videoLocal':
+                this.state.uploadedPaths.map((file, i) => {
+                    quill.insertEmbed(index, this.state.innerModalType, file.path, Quill.sources.USER);
+                    quill.setSelection(index + 1);
+                });
+                break
+            default:
+                quill.insertEmbed(index, this.state.innerModalType, this.state.embedContent, Quill.sources.USER);
+                quill.setSelection(index + 1);
+        }
+        this.setState({
+            uploaderUid: `uid${new Date()}`,
+            embedContent: ''
+        }, () => this.editorModal.hide());
+    }
+    render () {
+        let {init, innerModalType, modalIsOpen} = this.state;
+        let {maxWidth, maxHeight, value} = this.props;
+        window.katex = katex;
+        if ( ! this.state.init) {
+            return null;
+        }
+        return (
+            <Fragment>
+                <div className="atma-editor-wrap" style={{maxWidth}}>
+                    <div className={'atma-editor'}>
+                        <ReactQuill
+                            ref={ref => this.quillRef = ref}
+                            defaultValue={value}
+                            theme="snow"
+                            onChange={(value) => {console.log(value)}}
+                            modules={this.modules}
+                            formats={this.formats}
+                            onChangeSelection={(range, source, editor) => {
+                                // console.log(range, source, editor.getText());
+                            }}
+                        />
+                    </div>
+                    <EditorModal
+                        isOpen={modalIsOpen}
+                        ref={ref => this.editorModal = ref}
+                    >
+                        {this.getInnerModal()}
+                        {this.buildActionsModal([
+                            {
+                                title: 'Отмена',
+                                className: ' atma-editor-cancel',
+                                onClick: () => {
+                                    this.setState(
+                                        {
+                                            uploaderUid: `uid${new Date()}`
+                                        },
+                                        () => this.editorModal.hide()
+                                    )
+                                }
+                            },
+                            {
+                                title: 'Вставить',
+                                className: ' atma-editor-complete',
+                                onClick: () => this.quillInsert()
+                            }
+                        ])
+                        }
+                    </EditorModal>
+                </div>
+            </Fragment>
+        )
+    }
+}
+QEditor.defaultProps = {
+    maxWidth: 'auto',
+    maxHeight: 1000
+}
--- a/src/blots/VideoBlot.js
+++ b/src/blots/VideoBlot.js
+import { Quill } from 'react-quill'
+const Video = Quill.import('formats/video')
+export default class VideoBlot extends Video {
+    static tagName = 'iframe'
+    static blotName = 'video';
+    static create (value) {
+        let type = '';
+        let node = null;
+        const url = new URL(value);
+        let id = url.pathname.replace(/\/$/ig, '').split('/').pop();
+        switch (url.hostname){
+            case 'rutube.ru':
+            case 'www.rutube.ru':
+                value = `//rutube.ru/play/embed/${id}`;
+                break
+            case 'ok.ru':
+            case 'www.ok.ru':
+                value = `//ok.ru/videoembed/${id}`;
+                break
+            case 'youtu.be':
+            case 'youtube.com':
+            case 'www.youtube.com':
+                if(url.hostname.indexOf('youtu.be') === -1 && url.search !== ''){
+                    id = url.searchParams.get('v');
+                }
+                value = `https://www.youtube.com/embed/${id}`;
+                // console.log(id);
+                break
+        }
+        node = super.create(value);
+        node.setAttribute('style', 'width:1280px;height:auto;aspect-ratio: 16 / 9;');
+        return node;
+    }
+}
--- a/src/blots/VideoLocalBlot.js
+++ b/src/blots/VideoLocalBlot.js
+import { Quill } from 'react-quill';
+const BlockEmbed = Quill.import('blots/block/embed');
+export default class VideoLocalBlot extends BlockEmbed {
+    static tagName = 'video';
+    static blotName = 'videoLocal';
+    static create (value){
+        console.log(value);
+        let node = super.create(value);
+        node.setAttribute('class', 'ql-video');
+        node.setAttribute('src', value);
+        node.setAttribute('controls', true);
+        return node;
+    }
+    static value(node){
+        return node.getAttribute('src');
+    }
+}
--- a/src/components/EditorModal.js
+++ b/src/components/EditorModal.js
+import React from "react";
+export default class EditorModal extends React.Component {
+    constructor (props) {
+        super(props);
+        this.state = {
+            isShow: false,
+            title: ''
+        }
+        this.show = this.show.bind(this);
+        this.hide = this.hide.bind(this);
+    }
+    show = ({ title }) => {
+        // this.resolve = resolve;
+        // this.reject = reject;
+        this.setState({
+            isShow: true,
+            title
+        })
+    }
+    hide(){
+        // this.setState({ isShow: false }, this.reject('ab'));
+        this.setState({ isShow: false });
+    }
+    render () {
+        return (
+            <div className="atma-editor-modal" style={{ display: this.state.isShow ? 'flex' : 'none' }}>
+                <div className="atma-editor-modal-box">
+                    {
+                        this.state.title &&
+                            <div className="atma-editor-modal-box-header">{ this.state.title }</div>
+                    }
+                    {/*<div className={'atma-editor-modal-close'} onClick={ this.hide }>×</div>*/}
+                    { this.props.children && this.props.children }
+                </div>
+            </div>
+        )
+    }
+}
+EditorModal.defaultProps = {
+    title: null
+};
--- a/src/components/Uploader.js
+++ b/src/components/Uploader.js
+import React, { Fragment } from "react";
+import Upload from "rc-upload";
+class Item extends React.Component {
+    get src () {
+        return this.props.src;
+    }
+    render () {
+        switch (this.src) {
+            default:
+                return null;
+        }
+    }
+}
+Item.defaultProps = {
+    src: null
+};
+export default class Uploader extends React.Component {
+    constructor (props) {
+        super(props);
+        this.state = {
+            disabledFileUpload: false,
+            files: {
+               /* 'first': {
+                    uid: 'first',
+                    percent: 10,
+                    uploaded: false
+                },
+                'second': {
+                    uid: 'second',
+                    percent: 80
+                }*/
+            },
+            dropFiles: [],
+            progress: 0,
+            isUpload: false,
+            isSuccess: false,
+        }
+        this.files = {};
+    }
+    componentDidUpdate (prevProps, prevState, snapshot) {
+        console.log(this.state.files);
+    }
+    get action () {
+        return this.props.action;
+    }
+    get multiple () {
+        return this.props.multiple;
+    }
+    get accept () {
+        return this.props.accept;
+    }
+    get type () {
+        return this.props.type;
+    }
+    get onSuccess () {
+        return this.props.onSuccess;
+    }
+    mediaItem(){
+    }
+    render () {
+        let {disabledFileUpload, isUpload, progress, dropFiles} = this.state;
+        return (
+            <Fragment>
+                <div className={'atma-editor-uploader-uitems'}>
+                    {
+                        Object.keys(this.state.files).map((uid, i) => (
+                            <div
+                                className={ 'atma-editor-uploader-uitems-elem' }
+                                style={{ backgroundImage: `url(${this.state.files[uid].path})` }}
+                            >
+                                <div className={'atma-editor-uploader-uitems-del'}></div>
+                                {
+                                    this.state.files[uid].uploaded !== true ? (
+                                        <div className={ 'atma-editor-uploader-progress-wrap' }>
+                                            <div className={ 'atma-editor-uploader-progress' }>
+                                                <div style={{ width: this.state.files[uid].percent + '%' }} />
+                                            </div>
+                                        </div>
+                                    ) : null
+                                }
+                            </div>
+                        ))
+                    }
+                </div>
+                <Upload
+                    accept={this.accept}
+                    action={this.action}
+                    multiple={this.multiple}
+                    disabled={disabledFileUpload}
+                    beforeUpload={(a, files) => {
+                        this.files[a.uid] = {...a, percent: 0, uploaded: false};
+                        this.setState({
+                            isUpload: true,
+                            files: this.files
+                        });
+                    }}
+                    onStart={(a) => {
+                        this.setState({disabledFileUpload: true, isUpload: true});
+                        console.log('start');
+                    }}
+                    onSuccess={(resp, file) => {
+                        if (resp.state === 'success' && resp.file_path) {
+                            let curFile = this.files[file.uid];
+                            curFile['uploaded'] = true;
+                            curFile['path'] = resp.poster || resp.file_path;
+                            this.setState({
+                                uploaderSuccess: true,
+                                isUpload: false,
+                                disabledFileUpload: false
+                            }, () => this.onSuccess({path: resp.file_path, uid: file.uid}))
+                        }
+                    }}
+                    onProgress={(o, file) => {
+                        if (this.files[file.uid]) {
+                            this.files[file.uid].percent = parseInt(o.percent);
+                        }
+                        //
+                        this.setState({
+                            files: this.files
+                        })
+                        // console.log(o, file);
+                    }}
+                    component={'div'}
+                    type="drag"
+                    className={ 'atma-editor-uploader-drop' }
+                >
+                    <div className={'atma-editor-uploader-placeholder'}>Нажмите или перетащите файлы сюда</div>
+                </Upload>
+            </Fragment>
+        )
+    }
+}
+Uploader.defaultProps = {
+    action: null,
+    multiple: false,
+    accept: '*',
+    type: '',
+    onSuccess: ()=>{}
+};
--- a/src/index.js
+++ b/src/index.js
-import React from 'react'
+import QEditor from './QEditor';
-import styles from './styles.module.css'
-export const ExampleComponent = ({ text }) => {
+export default QEditor;
-  return <div className={styles.test}>Example Component: {text}</div>
-}
--- a/src/index.scss
+++ b/src/index.scss
+.atma-editor {
+    position: relative;
+    &-wrap{
+        //overflow-y: auto;
+        *{
+            box-sizing: border-box;
+            color: #434A53;
+        }
+    }
+    .ql-toolbar{
+        &.ql-snow{
+            position: sticky;
+            top: 0;
+            z-index: 10;
+            background-color: #fff;
+            .ql-videoLocal:after{
+                content:'';
+                display: inline-block;
+                width: 18px;
+                height: 18px;
+                background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2249%22%20height%3D%2242%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M16.844%2024.038c.151%200%20.296-.026.435-.079.14-.053.29-.127.451-.221l8.66-5.015c.318-.181.541-.348.67-.5a.824.824%200%200%200%20.195-.551.827.827%200%200%200-.194-.548c-.13-.155-.353-.322-.671-.503l-8.66-5.014a3.08%203.08%200%200%200-.45-.222%201.21%201.21%200%200%200-.436-.08.876.876%200%200%200-.698.306c-.175.204-.263.48-.263.826v10.471c0%20.345.088.62.263.824a.876.876%200%200%200%20.698.306z%22%20fill%3D%22%23444%22%20fill-rule%3D%22nonzero%22%2F%3E%3Crect%20stroke%3D%22%23444%22%20stroke-width%3D%226%22%20x%3D%223%22%20y%3D%223%22%20width%3D%2236%22%20height%3D%2230%22%20rx%3D%223%22%2F%3E%3Ccircle%20stroke%3D%22%23FFF%22%20stroke-width%3D%222.2%22%20fill%3D%22%23444%22%20cx%3D%2239%22%20cy%3D%2232%22%20r%3D%228.9%22%2F%3E%3Cpath%20d%3D%22M34.917%2032.498a.959.959%200%200%200%20.704.291c.275%200%20.51-.097.703-.291l.433-.432%201.316-1.538-.1%204.844a.96.96%200%200%200%20.291.754c.208.208.462.315.764.322a.975.975%200%200%200%20.749-.317.974.974%200%200%200%20.296-.749l-.11-4.814%201.296%201.478.432.432a.97.97%200%200%200%20.699.296.935.935%200%200%200%20.698-.286.935.935%200%200%200%20.286-.699.97.97%200%200%200-.296-.698l-3.236-3.236c-.563-.563-1.122-.566-1.678-.01l-3.247%203.246a.959.959%200%200%200-.291.703c0%20.275.097.51.291.704z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
+                background-repeat: no-repeat;
+                background-size: contain;
+                background-position: center center;
+            }
+        }
+    }
+    .ql-editor{
+        min-height: 350px;
+        max-height: 800px;
+    }
+    &-modal{
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: rgba(0, 0, 0, 0.9);
+        text-align: center;
+        z-index: 10;
+        &-box{
+            display: inline-block;
+            position: fixed;
+            top: 50%;
+            min-height: 200px;
+            background: #fff;
+            transform: translate(0, -50%);
+            border-radius: 8px;
+            max-width: 90%;
+            min-width: 560px;
+            padding: 48px;
+            &-header{
+                display: block;
+                text-align: left;
+                font-size: 21px;
+                font-weight: bold;
+                margin-bottom: 35px;
+            }
+        }
+        &-close {
+            position: absolute;
+            top: 0;
+            right: 0;
+        }
+        &-action {
+            width: 100%;
+            padding: 24px 0 0;
+            text-align: right;
+        }
+        input[type="text"]{
+            background-color: #F5F7FA;
+            font-size: 18px;
+            border: none;
+            padding: 19px 25px;
+            border-radius: 16px;
+            width: 100%;
+            margin-bottom: 24px;
+        }
+    }
+    &-uploader{
+        &-drop{
+            display: flex;
+            width: 490px;
+            height: 154px;
+            background-color: #F5F7FA;
+            border-radius: 16px;
+            border: 2px dashed #CCD1D9;
+            box-shadow: 0 0 0 1px #F5F7FA;
+            justify-content: center;
+            align-items: center;
+        }
+        &-placeholder{
+            display: inline-block;
+            color: #656D77;
+        }
+        &-uitems{
+            display: block;
+            text-align: left;
+            margin-bottom: 32px;
+            &-elem{
+                position: relative;
+                display: inline-block;
+                width: 116px;
+                background-color: lightgrey;
+                border-radius: 4px;
+                margin-right: 16px;
+                background-repeat: no-repeat;
+                background-size: cover;
+                background-position: center;
+                aspect-ratio: 16 / 9;
+            }
+            &-del{
+            }
+        }
+        &-progress{
+            position: relative;
+            width: 40px;
+            height: 8px;
+            background-color: #ffffff;
+            border-radius: 4px;
+            &-wrap{
+                display: flex;
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background-color: rgba(67,74,83,0.5);
+                border-radius: inherit;
+                justify-content: center;
+                align-items: center;
+            }
+            & > div{
+                position: absolute;
+                top: 0;
+                left: 0;
+                height: 100%;
+                background-color: #1790FF;
+                border-radius: 4px;
+            }
+        }
+    }
+    &-btn{
+        font-size: 16px;
+        -webkit-appearance: none;
+        outline: none;
+        border: none;
+        background: none;
+        padding: 16px 24px;
+        &:hover{
+            cursor: pointer;
+            opacity: 0.7;
+        }
+        &.atma-editor-complete{
+            background-color: #1790FF;
+            border-radius: 24px;
+            color: #ffffff;
+        }
+        &.atma-editor-cancel{
+        }
+    }
+    &-soc-video{
+        display: block;
+        list-style: none;
+        margin: 0 0 35px 0;
+        padding: 0;
+        text-align: left;
+        li{
+            display: inline-block;
+            vertical-align: middle;
+            background-position: center center;
+            background-repeat: no-repeat;
+            margin-right: 12px;
+            &.youtube{
+                background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M24.776%202.966A3.17%203.17%200%200%200%2022.539.729C20.565.2%2012.652.2%2012.652.2S4.74.2%202.766.73A3.17%203.17%200%200%200%20.529%202.966C0%204.939%200%209.056%200%209.056s0%204.118.529%206.091a3.169%203.169%200%200%200%202.237%202.237c1.973.53%209.886.53%209.886.53s7.913%200%209.887-.53a3.169%203.169%200%200%200%202.237-2.237c.528-1.973.528-6.09.528-6.09s0-4.118-.528-6.091%22%20fill%3D%22%23FF0100%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFE%22%20d%3D%22m10.122%2012.852%206.574-3.795-6.574-3.796v7.591%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
+                width: 26px;
+                height: 18px;
+            }
+            &.vimeo{
+                background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.544%203.114c-.069%201.514-1.127%203.588-3.172%206.22-2.114%202.749-3.903%204.124-5.367%204.124-.906%200-1.673-.837-2.3-2.512L3.45%206.342C2.985%204.668%202.486%203.83%201.952%203.83c-.116%200-.524.245-1.221.733L0%203.62c.767-.674%201.524-1.35%202.269-2.025C3.293.71%204.061.245%204.574.198%205.784.082%206.529.91%206.809%202.68c.302%201.912.511%203.1.628%203.566.349%201.586.733%202.378%201.152%202.378.326%200%20.815-.515%201.467-1.543.651-1.03%201-1.812%201.047-2.35.093-.887-.256-1.332-1.047-1.332-.373%200-.757.085-1.151.255.764-2.504%202.224-3.721%204.38-3.652%201.598.047%202.351%201.084%202.259%203.11%22%20fill%3D%22%231AB7EA%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
+                width: 16px;
+                height: 18px;
+            }
+            &.vk{
+                background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8.392.151h7.3c6.663%200%208.24%201.578%208.24%208.24v7.301c0%206.663-1.577%208.24-8.24%208.24h-7.3c-6.663%200-8.241-1.577-8.241-8.24v-7.3C.151%201.729%201.729.15%208.391.15%22%20fill%3D%22%234680C2%22%2F%3E%3Cpath%20d%3D%22M19.62%208.341c.117-.369%200-.638-.52-.638h-1.73c-.436%200-.637.235-.755.487%200%200-.89%202.148-2.131%203.541-.403.403-.587.538-.806.538-.117%200-.268-.135-.268-.504v-3.44c0-.437-.134-.638-.504-.638h-2.719c-.268%200-.436.201-.436.403%200%20.42.621.52.688%201.695v2.55c0%20.555-.1.655-.319.655-.587%200-2.014-2.165-2.87-4.632-.167-.487-.335-.671-.772-.671H4.733c-.504%200-.588.235-.588.486%200%20.454.588%202.736%202.736%205.757%201.427%202.064%203.457%203.172%205.287%203.172%201.108%200%201.242-.252%201.242-.671V14.87c0-.504.1-.587.453-.587.252%200%20.705.134%201.729%201.124%201.174%201.175%201.376%201.712%202.03%201.712h1.729c.504%200%20.739-.252.604-.739-.15-.486-.721-1.191-1.46-2.03-.403-.47-1.007-.99-1.192-1.242-.251-.336-.184-.47%200-.772-.016%200%202.098-2.988%202.317-3.995%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
+                width: 24px;
+                height: 24px;
+            }
+            &.ok{
+                background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M23.913%2012.054C23.913%2018.652%2018.565%2024%2011.967%2024S.021%2018.652.021%2012.054%205.369.108%2011.967.108s11.946%205.348%2011.946%2011.946%22%20fill%3D%22%23EE8208%22%2F%3E%3Cpath%20d%3D%22M12%207.194c.82%200%201.488.668%201.488%201.489A1.49%201.49%200%200%201%2012%2010.17a1.49%201.49%200%200%201-1.488-1.488c0-.821.668-1.489%201.488-1.489m0%205.082a3.598%203.598%200%200%200%203.594-3.593A3.598%203.598%200%200%200%2012%205.088a3.599%203.599%200%200%200-3.594%203.595A3.598%203.598%200%200%200%2012%2012.276M13.455%2015.205a6.724%206.724%200%200%200%202.09-.867c.492-.311.64-.963.33-1.456a1.052%201.052%200%200%200-1.454-.332%204.56%204.56%200%200%201-4.843%200%201.052%201.052%200%200%200-1.453.332%201.057%201.057%200%200%200%20.33%201.456c.65.409%201.357.7%202.09.867L8.532%2017.22a1.058%201.058%200%200%200%20.746%201.803c.27%200%20.54-.103.745-.31L12%2016.734l1.977%201.98c.41.413%201.078.413%201.49%200a1.056%201.056%200%200%200%200-1.493l-2.012-2.015%22%20fill%3D%22%23FFFFFE%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
+                width: 24px;
+                height: 24px;
+            }
+        }
+    }
+}