<div contenteditable="true" style="padding: 15px; background: #eee; border-radius: 5px;">
    이 내용을 직접 편집해 보세요.
</div>
브라우저에서 실제 표시된 모습 직접 내용을 편집해 볼 수 있습니다.
<element contenteditable="true|false">
<div contenteditable style="padding: 15px; background: #eee; border-radius: 5px;">
    이 내용을 직접 편집해 보세요.
</div>
브라우저에서 실제 표시된 모습 값이 없을 경우에는 빈 문자열("")로 간주합니다. 빈 문자열일 경우 true 값과 동일합니다.

caniuse.com에서 더 자세한 정보를 확인해 보세요.