div content editable with placeholder [duplicate]

问题

This question already has answers here:

If editable div have no text than set placeholder [closed] (4 answers)

Is it possible to add placeholder in div tag (4 answers)

Closed 5 days ago.

I am trying to create a editor like LinkedIn create post component. There I want to keep non removable <p><br></p> content like below.

<div #mainEditor contenteditable="true"><p><br></p></div>

Also want to show a placeholder when editor has no value. Just inspect LinkedIn editor and see my scenario. I have no idea and unable to figured out how to keep non removable <p><br></p> with a placeholder.

Could anyone has an idea how they are doing that?

来源：https://stackoverflow.com/questions/62175319/div-content-editable-with-placeholder