2022/04/06 editable div태그에 placeholder 넣는 법

2022. 4. 6. 09:38Project : 근의 공식(Muscle Formula)

http://lab.naminsik.com/3165

 

lab.naminsik

lab.naminsik - 개발자 남인식 Lab.

lab.naminsik.com

 <div
  id="editor-titleContent"
  contentEditable="true"
  placeholder="제목을 입력해주세요."
  onInput={(e) => setTitleContent(e.currentTarget.textContent)}
 ></div>

 

#editor-titleContent:empty:before{
  content: attr(placeholder);
  display: block; 
}