mirror of
https://github.com/ueberdosis/tiptap.git
synced 2024-12-22 08:07:50 +08:00
108 lines
2.0 KiB
TypeScript
108 lines
2.0 KiB
TypeScript
import { createNode } from '@tiptap/core'
|
|
// import { DOMOutputSpecArray } from 'prosemirror-model'
|
|
// import ParagraphComponent from './paragraph.vue'
|
|
|
|
// export type ParagraphCommand = () => Command
|
|
|
|
// declare module '@tiptap/core/src/Editor' {
|
|
// interface Commands {
|
|
// paragraph: ParagraphCommand,
|
|
// }
|
|
// }
|
|
|
|
// export default new Node()
|
|
// .name('paragraph')
|
|
// .schema(() => ({
|
|
// content: 'inline*',
|
|
// group: 'block',
|
|
// parseDOM: [{ tag: 'p' }],
|
|
// toDOM: () => ['p', 0],
|
|
// // toVue: ParagraphComponent,
|
|
// }))
|
|
// .commands(({ name }) => ({
|
|
// [name]: () => ({ commands }) => {
|
|
// return commands.toggleBlockType(name, 'paragraph')
|
|
// },
|
|
// }))
|
|
// .keys(({ editor }) => ({
|
|
// 'Mod-Alt-0': () => editor.paragraph(),
|
|
// }))
|
|
// .create()
|
|
|
|
// export default class Paragraph extends Node implements INode {
|
|
|
|
// name = 'paragraph'
|
|
|
|
// group = 'block'
|
|
|
|
// content = 'inline*'
|
|
|
|
// createAttributes() {
|
|
// return {
|
|
// // default rendering
|
|
// class: {
|
|
// default: 'jooo',
|
|
// },
|
|
// }
|
|
// }
|
|
|
|
// parseHTML() {
|
|
// return [
|
|
// { tag: 'p' },
|
|
// ]
|
|
// }
|
|
|
|
// renderHTML() {
|
|
// return ['p', 0] as const
|
|
// }
|
|
|
|
// }
|
|
|
|
export default createNode({
|
|
name: 'paragraph',
|
|
|
|
group: 'block',
|
|
|
|
content: 'inline*',
|
|
|
|
createGlobalAttributes() {
|
|
return [
|
|
{
|
|
types: ['paragraph'],
|
|
attributes: {
|
|
align: {
|
|
default: 'right',
|
|
renderHTML: attributes => ({
|
|
class: 'global',
|
|
style: `text-align: ${attributes.align}`,
|
|
}),
|
|
},
|
|
},
|
|
},
|
|
]
|
|
},
|
|
|
|
createAttributes() {
|
|
return {
|
|
id: {
|
|
default: '123',
|
|
rendered: true,
|
|
renderHTML: attributes => ({
|
|
// class: `foo-${attributes.id}`,
|
|
id: 'foo',
|
|
}),
|
|
},
|
|
}
|
|
},
|
|
|
|
parseHTML() {
|
|
return [
|
|
{ tag: 'p' },
|
|
]
|
|
},
|
|
|
|
renderHTML({ attributes }) {
|
|
return ['p', attributes, 0]
|
|
},
|
|
})
|