Quiero crear un editor WYSIWYG simple con contenido editable y una opción en negrita. Esto solía ser muy fácil de lograr usando execCommand como se puede ver aquí .

Lamentablemente, execCommand ahora está en desuso .

Mi enfoque para lograr esto sin execCommand sería el siguiente:

1. Obtener selección con window.getSelection()
2. Convierta la selección en un nodo de texto en el que pueda configurar HTML interno y asegúrese de que sea un descendiente del div contenteditable
3. Haga una transformación simple del HTML interno (por ejemplo node.innerHTML = '<b>' + node.innerHTML + '</b>' )

Sin embargo, no estoy seguro de cómo lograr la segunda parte. window.getSelection().anchorNode devuelve el nodo correcto, pero no me permite configurar innerHTML o innerText en él.

¿Es esto posible? ¡Gracias por adelantado!