如何给div添加placeholder属性

此需求一般用于制作富文本

html

.box{
                height: 100px;
                border:1px solid #ccc;
            }
            .box:empty:before{
                content: attr(placeholder);
                color: #ccc;
                font=size: 16px;

            }

css

//contenteditable 属性规定是否可编辑元素的内容。
<div contenteditable="true" placeholder='输入正文' class="box"></div>