[Bug]: Placeholder editor bug

[suntochukwu]

Affected Packages

extension-placeholder

Version(s)

2.11.2

Bug Description

Following the documentation on a placeholder...doesn't work.

const editor = useEditor({
    extensions: [StarterKit , boldtoggle, italictoggle, 
      Placeholder.configure({placeholder: 'Write your post here...'}),
      CharacterCount.configure({limit: charc}),
      TextAlign.configure({ types : ['heading', 'paragraph', 'History'], 
      alignments: ['left', 'right', 'center']})], 
      editorProps : { attributes : {class: 'focus:outline-none' } }
  })

Doesn't show. Pretty simple

Browser Used

Chrome

Code Example URL

https://codesandbox.io/p/sandbox/distracted-http-fq6ylw?file=%2Fsrc%2FApp.js%3A18%2C6

Expected Behavior

Show the placeholder text

Additional Context (Optional)

No response

Dependency Updates

• Yes, I've updated all my dependencies.

[kart-c]

I think you may have missed adding the required CSS for the placeholder extension to work.
Docs link - https://tiptap.dev/docs/editor/extensions/functionality/placeholder#additional-setup

[nperez0111]

Correct, you are missing the CSS