added subscript and superscript

example/package-lock.json

@@ -28,6 +28,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",
@@ -50,6 +52,7 @@
       },
       "devDependencies": {
         "babel-eslint": "^10.0.3",
+        "concurrently": "^8.2.1",
         "cross-env": "^7.0.2",
         "eslint": "^6.8.0",
         "eslint-config-prettier": "^6.7.0",
@@ -1334,6 +1337,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",
@@ -1345,6 +1350,7 @@
         "@tiptap/starter-kit": "^2.0.0-beta.185",
         "axios": "^0.27.2",
         "babel-eslint": "^10.0.3",
+        "concurrently": "^8.2.1",
         "cross-env": "^7.0.2",
         "eslint": "^6.8.0",
         "eslint-config-prettier": "^6.7.0",

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

@@ -17,6 +17,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"
@@ -32,7 +34,7 @@ import Audio from "./extensions/Audio";
 
 import { isMobile } from 'react-device-detect';
 
-const initialBubbleItems = ['bold', 'italic', 'underline', 'strike', '|', 'colorText', 'highlight'];
+const initialBubbleItems = ['bold', 'italic', 'underline', 'strike', 'superscript', 'subscript', '|', 'colorText', 'highlight'];
 
 const QEditor = ({
     value,
@@ -204,6 +206,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()
@@ -396,7 +406,9 @@ const QEditor = ({
             DragAndDrop.configure({
                 linkUpload: uploadOptions.url
             }),
-            Audio
+            Audio,
+            Superscript,
+            Subscript
         ],
         content: value,
         onUpdate: ({editor}) => onChange(editor.getHTML()),

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"