Creare un'area di testo modificabile con JavaScript (senza Text Area)

Un esempio di area di testo che pu￲ essere modificata da JavaScript senza essere un elemento di input standard come una text area potrebbe essere un div con l'attributo 'contenteditable' impostato su 'true'. Questo rende il contenuto del div modificabile come un editor di testo.

Ecco un esempio di codice HTML:

<div id='editableDiv' contenteditable='true'>
  Questo ￨ un esempio di area di testo modificabile.
</div>

Ecco un esempio di codice JavaScript per ottenere e impostare il contenuto dell'area di testo modificabile:

// Ottenere il contenuto dell'area di testo modificabile
var editableDiv = document.getElementById('editableDiv');
var content = editableDiv.innerHTML;
console.log(content);

// Impostare il contenuto dell'area di testo modificabile
var newContent = 'Questo ￨ il nuovo contenuto.';
editableDiv.innerHTML = newContent;

Utilizzando il metodo innerHTML, ￨ possibile ottenere o impostare il contenuto dell'area di testo modificabile come se fosse un normale elemento HTML.