Div's contenteditable and placeholder pop out of the spark

Today, when you make a mobile phone-side release description, you need to implement line breaks and Plachholder.

Wrapping in a text box naturally thought of textarea.

The problem seems to have been resolved, but when the content is published, the line breaks are lost in the HTML.

This is the time to use contenteditable and placeholder.

<class= "Con"  contenteditable= "true"  placeholder = "Please enter description ..." ></ Div >

. Con:empty:before {    content: attr (placeholder);     color:#bbb;} . Con:focus:before {    content:none;}

Now bosses feel that the default placeholder benefits need to be changed. Keep searching:

. Con:empty:before {            content:attr (placeholder);             font-size: 16px;             color: green;        }         . Con:focus{            content:none;        }

Look at the final effect:

OK, fix it.

Div's contenteditable and placeholder pop out of the spark