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

add-empty-editor-class-to-root-div

Browse Source
This commit is contained in:
BrianHung
2022-03-30 01:24:02 -07:00
committed by GitHub
parent ab4a0e2507
commit ebddbadc1b
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -32,6 +32,7 @@ export const Placeholder = Extension.create<PlaceholderOptions>({
},
addProseMirrorPlugins() {
let cachedEmptyTopNode: ProsemirrorNode;
return [
new Plugin({
props: {
@@ -44,14 +45,18 @@ export const Placeholder = Extension.create<PlaceholderOptions>({
return
}
cachedEmptyTopNode = cachedEmptyTopNode || state.doc.type.createAndFill()
let isEditorEmpty = cachedEmptyTopNode.content.findDiffStart(state.doc.content) === null
doc.descendants((node, pos) => {
const hasAnchor = anchor >= pos && anchor <= (pos + node.nodeSize)
const isEmpty = !node.isLeaf && !node.childCount
if ((hasAnchor || !this.options.showOnlyCurrent) && isEmpty) {
const classes = [this.options.emptyNodeClass]
if (this.editor.isEmpty) {
if (isEditorEmpty) {
classes.push(this.options.emptyEditorClass)
}
@@ -76,6 +81,14 @@ export const Placeholder = Extension.create<PlaceholderOptions>({
return DecorationSet.create(doc, decorations)
},
},
attributes(state) {
cachedEmptyTopNode = cachedEmptyTopNode || state.doc.type.createAndFill()
let isEditorEmpty = cachedEmptyTopNode.content.findDiffStart(state.doc.content) === null
if (isEditorEmpty) {
return {class: this.options.emptyEditorClass}
}
}
}),
]
},