TAG
CSS
JavaScript
Result
Run
License
<h2>Editor</h2> <dl class="editor"> <dt><div id="content" contenteditable="true">Enter a sentence with incorrect spelling</div></dt> <dd> <label><input type="checkbox" id="chb-allowspellcheck" />Allow specll check</label> </dd> </dl>
.editor div[contenteditable] { width: 90%; height: 30px; border: 2px solid #CCC; padding: 10px; }
window.addEventListener("DOMContentLoaded", () => { const $elContent = document.getElementById("content"); const $elSpellcheck = document.getElementById("chb-allowspellcheck"); let spellcheck = false; $elSpellcheck.addEventListener("input", () => { spellcheck = !spellcheck; console.log(spellcheck); $elContent.spellcheck = spellcheck; }); });
Console
expand_less
License
License
by DevDic
Close