chore: prev. jobs

example/src/App.js

@@ -6,7 +6,7 @@ import 'react-ag-qeditor/dist/index.css'
 const App = () => {
     return <div style={{padding:40}}>
         <QEditor
-            value={'<p>Магма покрывает биотит. Деградация мерзлоты изменяет меандр, в тоже время поднимаясь в пределах горстов до абсолютных высот 250 м. Количество пирокластического материала в связи с преобладанием карьерной разработки ископаемых прекращает фирновый гетит. Синеклиза косвенно пододвигается под кряж, что лишь подтверждает то, что породные отвалы располагаются на склонах.</p>\n' +
+            value={'<iframe src="https://docs.google.com/viewer?embedded=true&url=https://cdn.atmaguru.online/1/atmacompany/t/v/tvme6rf9vuio6eCEov8RSQTSBnzUbNnj792KpQQvCBxscBqqw7OoIUMYA9BTT5Jg.pdf" frameborder="0" allowfullscreen="true"></iframe><p>Магма покрывает биотит. Деградация мерзлоты изменяет меандр, в тоже время поднимаясь в пределах горстов до абсолютных высот 250 м. Количество пирокластического материала в связи с преобладанием карьерной разработки ископаемых прекращает фирновый гетит. Синеклиза косвенно пододвигается под кряж, что лишь подтверждает то, что породные отвалы располагаются на склонах.</p>\n' +
                 '<p>Можно ожидать, что мергель опускает флювиогляциальный ортоклаз. Колонны могут образоваться после того, как брекчия длительно прекращает флювиогляциальный батолит. Габбро слагает оз, делая этот типологический таксон районирования носителем важнейших инженерно-геологических характеристик природных условий. Кайнозой обеднен. Извержение спорадически ослабляет днепровский рифт. Оттаивание пород, из которого на 50% состоит руда месторождения, неоднозначно переоткладывает железистый биотит.</p>\n' +
                 '<p>Зандровое поле, особенно в верхах разреза, постоянно разогревает кристаллический грунт, что в конце концов приведет к полному разрушению хребта под действием собственного веса. Большое значение для формирования химического состава грунтовых и пластовых вод имеет выклинивание стягивает гидротермальный базальтовый слой. Сель, используя геологические данные нового типа, сдвигает днепровский блеск.</p><span class="math" data-content="c = \pm\sqrt{a^2 + b^2}"></span>'}
             onChange={(value)=>{

package.json

@@ -62,6 +62,8 @@
         "@tiptap/extension-highlight": "^2.0.0-beta.33",
         "@tiptap/extension-image": "^2.0.0-beta.27",
         "@tiptap/extension-link": "^2.0.0-beta.38",
+        "@tiptap/extension-subscript": "^2.1.11",
+        "@tiptap/extension-superscript": "^2.1.11",
         "@tiptap/extension-table": "^2.0.0-beta.49",
         "@tiptap/extension-table-cell": "^2.0.0-beta.20",
         "@tiptap/extension-table-header": "^2.0.0-beta.22",

src/QEditor.jsx

@@ -19,6 +19,8 @@ import TextAlign from '@tiptap/extension-text-align'
 import { Color } from '@tiptap/extension-color'
 import Highlight from '@tiptap/extension-highlight'
 import TextStyle from '@tiptap/extension-text-style'
+import Superscript from '@tiptap/extension-superscript'
+import Subscript from '@tiptap/extension-subscript'
 
 import ToolBar from './components/ToolBar'
 import EditorModal from './components/EditorModal'
@@ -41,6 +43,8 @@ const initialBubbleItems = [
   'italic',
   'underline',
   'strike',
+  'superscript',
+  'subscript',
   '|',
   'colorText',
   'highlight'
@@ -190,6 +194,14 @@ const QEditor = ({
       title: 'Вставить презентацию pptx',
       onClick: () => modalOpener('iframe_pptx', 'Вставить презентацию pptx')
     },
+    iframe_pdf: {
+      title: 'Вставить презентацию pdf',
+      onClick: () => modalOpener('iframe_pdf', 'Вставить презентацию pdf')
+    },
+    audio: {
+      title: 'Вставить аудио файл',
+      onClick: () => modalOpener('audio', 'Вставить аудио файл')
+    },
     image: {
       title: 'Загрузить изображение',
       onClick: () => modalOpener('image', 'Загрузить изображение')
@@ -226,6 +238,14 @@ const QEditor = ({
       title: 'Зачеркнутый',
       onClick: () => editor.chain().focus().toggleStrike().run()
     },
+    superscript: {
+      title: 'Надстрочный символ',
+      onClick: () => editor.chain().focus().toggleSuperscript().run()
+    },
+    subscript: {
+      title: 'Подстрочный символ',
+      onClick: () => editor.chain().focus().toggleSubscript().run()
+    },
     codeBlock: {
       title: 'Код',
       onClick: () => editor.chain().focus().toggleCodeBlock().run()
@@ -419,7 +439,9 @@ const QEditor = ({
       DragAndDrop.configure({
         linkUpload: uploadOptions.url
       }),
-      Audio
+      Audio,
+      Superscript,
+      Subscript
     ],
     content: value,
     onUpdate: ({ editor }) => onChange(editor.getHTML()),
@@ -551,6 +573,19 @@ const QEditor = ({
             })}
           </Fragment>
         )
+      case 'audio':
+        return (
+          <Fragment>{getUploader({ accept: '.wav, .mp3, .ogg' })}</Fragment>
+        )
+      case 'iframe_pdf':
+        return (
+          <Fragment>
+            {getUploader({
+              accept: 'application/pdf',
+              afterParams: ['no_convert=1']
+            })}
+          </Fragment>
+        )
       case 'video':
         return <Fragment>{getUploader({ accept: 'video/*' })}</Fragment>
       case 'image':
@@ -1044,6 +1079,28 @@ const QEditor = ({
                           .run()
                       })
                       break
+                    case 'audio':
+                      uploadedPaths.map((file) => {
+                        editor
+                          .chain()
+                          .focus()
+                          .insertContent(
+                            `<audio class="audio-player" controls="true" src="${file.path}" />`
+                          )
+                          .run()
+                      })
+                      break
+                    case 'iframe_pdf':
+                      uploadedPaths.map((file, i) => {
+                        editor
+                          .chain()
+                          .focus()
+                          .insertContent(
+                            `<iframe src="https://docs.google.com/viewer?embedded=true&url=${file.path}" width="100%" height="800px" frameBorder="0"></iframe>`
+                          )
+                          .run()
+                      })
+                      break
                     case 'file':
                       uploadedPaths.map((file, i) => {
                         let exp = file.path.split('.')

yarn.lock

@@ -1923,6 +1923,16 @@
   resolved "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.0.0-beta.27.tgz"
   integrity sha512-2dmCgtesuDdivM/54Q+Y6Tc3JbGz1SkHP6c62piuqBiYLWg3xa16zChZOhfN8szbbQlBgLT6XRTDt3c2Ux+Dug==
 
+"@tiptap/extension-subscript@^2.1.11":
+  version "2.1.11"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-subscript/-/extension-subscript-2.1.11.tgz#76ee1469528c597c52d5a9c20f4fcb77055d6ff2"
+  integrity sha512-KXPrcN2i9edOyjsYc+WmXtRNod5rcA402NJEXKsSg/Lr7ezstdeE9CqVVpipdKDRBv5avJcSdCe3TiDLnFggBw==
+
+"@tiptap/extension-superscript@^2.1.11":
+  version "2.1.11"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-superscript/-/extension-superscript-2.1.11.tgz#1aa6c0d35a012c282c38dee709e31a71c3efe71e"
+  integrity sha512-Lhbg2Yhm0XWcBmdbvbRnF+2oVPWlAkCffMvB8hDRlJlrntzTp5Xv/FqNeO+VzkH6oU0oBiKL5jWYXZG7IQsZdQ==
+
 "@tiptap/extension-table-cell@^2.0.0-beta.20":
   version "2.0.0-beta.20"
   resolved "https://registry.npmjs.org/@tiptap/extension-table-cell/-/extension-table-cell-2.0.0-beta.20.tgz"