The dataAttribute functionality for the Placeholder extension doesn't behave as expected

[carlnewton]

Description

It seems that the dataAttribute functionality for the Placeholder extension allows the placeholder value, as set in the JavaScript to be populated into a custom data attribute of a paragraph element within the editor. I would expect this functionality to work the other way around -- ie when I populate data-placeholder of the editor element (or another data attribute as specified by the dataAttribute configuration property) in my markup, that value is used as the placeholder, just as with any input that uses the placeholder attribute. This would allow for a single script to be used on multiple fields with different placeholders. It would also allow for language-specific placeholders to be populated in the markup. I think with the current functionality, I'd have to query a custom data attribute and populate it with the JavaScript to insert language-specific placeholder values. I think this is what the discussion alluding to a more generic approach might be hinting at in this discussion.

Ideally I'd be able to write my markup as follows:

<div class="editor" data-placeholder="Here's my custom placeholder"></div>

with no javascript configuration.

Use Case

Multi-language support within my application

Type

Other

[carlnewton]

I suppose it could be done like this:

        Placeholder.configure({
            placeholder: document.querySelector('.editor').dataset.placeholder,
        }),

[bdbch]

I think the problem here is that when Extensions are configured, the actual editor element may not even exist yet in DOM. What's the usecase you're looking for?

[carlnewton]

You'll have to forgive me, I'm not familiar with the internal workings of tiptap, and as above I do now have a solution, but I kept it open because it does seem like a more intuitive design choice from a usage perspective to be able to add a data-placeholder property to the div and have that placeholder used without any specific configuration in the JavaScript. The usecase for me is simply that I wouldn't want to store the wording in the JavaScript file because I want to support dynamic language functionality, so the wording of the placeholder will have to be pulled from the dom. It would allow me to treat the element as I do any other field in the dom. I'm happy for you to close if you don't agree, just thought I'd leave it up for your consideration. Thanks