add basic heading extension

This commit is contained in:
Philipp Kühn
2020-04-21 22:16:26 +02:00
parent 27c8a46e40
commit a057755e42
4 changed files with 77 additions and 1 deletions

View File

@@ -0,0 +1,55 @@
import { Node, CommandSpec } from '@tiptap/core'
import { NodeSpec } from 'prosemirror-model'
type Level = 1 | 2 | 3 | 4 | 5 | 6
interface HeadingOptions {
levels?: Level[],
}
declare module '@tiptap/core/src/Editor' {
interface Editor {
heading(level: Level): Editor,
}
}
export default class Heading extends Node {
name = 'heading'
defaultOptions(): HeadingOptions {
return {
levels: [1, 2, 3, 4, 5, 6],
}
}
schema(): NodeSpec {
return {
attrs: {
level: {
default: 1,
},
},
content: 'inline*',
group: 'block',
defining: true,
draggable: false,
parseDOM: this.options.levels
.map((level: Level) => ({
tag: `h${level}`,
attrs: { level },
})),
toDOM: node => [`h${node.attrs.level}`, 0],
}
}
// commands(): CommandSpec {
// return {
// heading: (next, { view }) => {
// toggleBlockType(this.type)(view.state, view.dispatch)
// next()
// },
// }
// }
}

View File

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