tiptap/packages/extension-paragraph/src/paragraph.ts
2021-02-16 18:39:37 +01:00

55 lines
948 B
TypeScript

import { Command, Node, mergeAttributes } from '@tiptap/core'
export interface ParagraphOptions {
HTMLAttributes: {
[key: string]: any
},
}
declare module '@tiptap/core' {
interface Commands {
paragraph: {
/**
* Toggle a paragraph
*/
setParagraph: () => Command,
}
}
}
export const Paragraph = Node.create<ParagraphOptions>({
name: 'paragraph',
defaultOptions: {
HTMLAttributes: {},
},
group: 'block',
content: 'inline*',
parseHTML() {
return [
{ tag: 'p' },
]
},
renderHTML({ HTMLAttributes }) {
return ['p', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]
},
addCommands() {
return {
setParagraph: () => ({ commands }) => {
return commands.toggleNode('paragraph', 'paragraph')
},
}
},
addKeyboardShortcuts() {
return {
'Mod-Alt-0': () => this.editor.commands.setParagraph(),
}
},
})