JSFiddle - React, Tailwind, and code Playground

by oleq

HTML

<div contenteditable="true">
    editable div
    <div contenteditable="false">
        non-editable div
        <div contenteditable="true">nested editable div</div>
    </div>
</div>

CSS

div {
    outline: 1px dotted black;
    padding: 1em;
    background: white;
}

div[contenteditable="true"] {
    background: yellow;
}