ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Merge branch 'add-empty-editor-class-to-root-div'

Browse Source
This commit is contained in:
Dominik Biedebach
2022-09-10 15:43:25 +02:00
parent bda6e8d308 6a85f73659
commit 1d0158d5c5
1 changed files with 27 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
packages/extension-placeholder/src/placeholder.ts
View File

@@ -32,6 +32,8 @@ export const Placeholder = Extension.create<PlaceholderOptions>({
},
addProseMirrorPlugins() {
let cachedEmptyTopNode: ProsemirrorNode
return [
new Plugin({
props: {
@@ -44,6 +46,9 @@ export const Placeholder = Extension.create<PlaceholderOptions>({
return null
}
cachedEmptyTopNode = cachedEmptyTopNode || doc.type.createAndFill()
const isEditorEmpty = cachedEmptyTopNode.sameMarkup(doc) && cachedEmptyTopNode.content.findDiffStart(doc.content) === null
doc.descendants((node, pos) => {
const hasAnchor = anchor >= pos && anchor <= (pos + node.nodeSize)
const isEmpty = !node.isLeaf && !node.childCount
@@ -51,7 +56,7 @@ export const Placeholder = Extension.create<PlaceholderOptions>({
if ((hasAnchor || !this.options.showOnlyCurrent) && isEmpty) {
const classes = [this.options.emptyNodeClass]
if (this.editor.isEmpty) {
if (isEditorEmpty) {
classes.push(this.options.emptyEditorClass)
}
@@ -75,8 +80,29 @@ export const Placeholder = Extension.create<PlaceholderOptions>({
return DecorationSet.create(doc, decorations)
},
attributes: ({ doc }) => {
cachedEmptyTopNode = cachedEmptyTopNode || doc.type.createAndFill()
const isEditorEmpty = cachedEmptyTopNode.sameMarkup(doc) && cachedEmptyTopNode.content.findDiffStart(doc.content) === null
if (isEditorEmpty) {
return {
class: this.options.emptyEditorClass,
'data-placeholder': typeof this.options.placeholder === 'function'
? this.options.placeholder({
editor: this.editor,
node: doc,
pos: 0,
hasAnchor: true,
})
: this.options.placeholder,
}
}
},
},
}),
]
},
})
export default Placeholder