add blockquote extension with documentation, demo and tests

This commit is contained in:
Hans Pagel
2020-09-10 11:19:49 +02:00
parent 18e7124c68
commit 889bf4f4ff
6 changed files with 165 additions and 46 deletions

View File

@@ -0,0 +1,38 @@
import { Node } from '@tiptap/core'
import { textblockTypeInputRule } from 'prosemirror-inputrules'
declare module '@tiptap/core/src/Editor' {
interface Editor {
blockquote(): Editor,
}
}
export const inputRegex = /^\s*>\s$/gm
export default new Node()
.name('blockquote')
.schema(() => ({
content: 'inline*',
group: 'block',
defining: true,
draggable: false,
parseDOM: [
{ tag: 'blockquote' },
],
toDOM: () => ['blockquote', 0],
}))
.commands(({ editor, name }) => ({
[name]: next => attrs => {
editor.toggleNode(name, 'paragraph', attrs)
next()
},
}))
.keys(({ editor }) => ({
'Shift-Mod-9': () => editor.blockquote(),
}))
.inputRules(({ type }) => [
textblockTypeInputRule(inputRegex, type),
])
.create()

View File

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