xxxxxxxxxx
<div contenteditable="true">
This text can be edited by the user.
</div>
xxxxxxxxxx
var content = document.querySelector('[contenteditable]');
// 1. Listen for changes of the contenteditable element
content.addEventListener('input', function(event) {
// 2. Retrive the text from inside the element
console.log(content.innerHTML);
});
xxxxxxxxxx
const contents = document.querySelectorAll('[contenteditable]');
for (let content of contents) {
content.addEventListener('input', function() {
console.log('input changed to: ' + content.innerHTML);
});
}