tiptap: only use dynamic placeholder in edit

packages/client/src/tiptap/core/extensions/placeholder.ts

@@ -56,6 +56,9 @@ export const Placeholder = Extension.create<PlaceholderOptions>({
 
                 const start = pos;
                 const end = pos + node.nodeSize;
+                let placeholder = '';
+
+                if (this.editor.isEditable) {
                   const key = `${start}-${end}`;
 
                   if (!this.editor.storage[this.name].has(key)) {
@@ -70,15 +73,26 @@ export const Placeholder = Extension.create<PlaceholderOptions>({
                         : this.options.placeholder
                     );
                   }
-
+                  placeholder = this.editor.storage[this.name].get(key);
-                const decoration = Decoration.node(start, end, {
-                  'class': classes.join(' '),
-                  'data-placeholder': this.editor.storage[this.name].get(key),
-                });
 
                   setTimeout(() => {
                     this.editor.storage[this.name].delete(key);
                   }, 500);
+                } else {
+                  placeholder =
+                    typeof this.options.placeholder === 'function'
+                      ? this.options.placeholder({
+                          editor: this.editor,
+                          node,
+                          pos,
+                        })
+                      : this.options.placeholder;
+                }
+
+                const decoration = Decoration.node(start, end, {
+                  'class': classes.join(' '),
+                  'data-placeholder': placeholder,
+                });
 
                 decorations.push(decoration);
               }