add basic highlight extension

packages/extension-highlight/index.ts

@@ -0,0 +1,31 @@
+import {
+  Command, Mark,
+} from '@tiptap/core'
+
+export type HighlightCommand = () => Command
+
+declare module '@tiptap/core/src/Editor' {
+  interface Commands {
+    highlight: HighlightCommand,
+  }
+}
+
+export default new Mark()
+  .name('highlight')
+  .schema(() => ({
+    parseDOM: [
+      {
+        tag: 'mark',
+      },
+    ],
+    toDOM: () => ['mark', 0],
+  }))
+  .commands(({ name }) => ({
+    highlight: () => ({ commands }) => {
+      return commands.toggleMark(name)
+    },
+  }))
+  .keys(({ editor }) => ({
+    'Mod-e': () => editor.highlight(),
+  }))
+  .create()

packages/extension-highlight/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@tiptap/extension-highlight",
+  "version": "1.0.0",
+  "source": "index.ts",
+  "main": "dist/tiptap-extension-highlight.js",
+  "umd:main": "dist/tiptap-extension-highlight.umd.js",
+  "module": "dist/tiptap-extension-highlight.mjs",
+  "unpkg": "dist/tiptap-extension-highlight.js",
+  "jsdelivr": "dist/tiptap-extension-highlight.js",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "peerDependencies": {
+    "@tiptap/core": "2.x"
+  }
+}