Estoy tratando de usar el complemento MDBootstrap WYSIWYG para mejorar mis formularios, pero me estoy quedando corto.

No parece ser una clase que se pueda aplicar a un área de texto; hacerlo solo muestra el elemento de formulario sin las funciones mejoradas y la barra de herramientas. En cambio, los documentos dicen que se cree una instancia de la siguiente manera

 <div class="wysiwyg" data-mdb-wysiwyg="wysiwyg" id="foo" name="foo">

Sin embargo, al enviar un formulario que incluye el div anterior, el valor contenido no se "publica" ni se "obtiene".

He visto una publicación ( https://mdbootstrap.com/snippets/standard/m-duszak/3256156#js-tab-view ) que sugiere qué hacer usando Javascript, pero no lo entiendo. El HTML que dan (con la adición de la primera área de texto que he agregado) es:

 <form> Title: <textarea name="title" cols="60" rows="2"><?php echo $Story->title; ?></textarea> <div class="first-area"> <div class="wysiwyg" data-mdb-wysiwyg="wysiwyg"> </div> </div> <button type="submit" class="btn btn-primary"> Submit </button> </form>

El JS es:

 const formEl = document.querySelector('form'); const firstArea = document.querySelector('.first-area .wysiwyg-content'); formEl.addEventListener('submit', (e) => { e.preventDefault(); alert(`Text area content: ${firstArea.innerText}, but you can also get HTML: ${firstArea.innerHTML}`) })

Lo que debo hacer es obtener lo que hay en un $_POST o $_GET o mediante algún método que luego pueda usar para procesar una inserción o actualización de MYSQL. Cualquier ayuda sería apreciada.