Help getting html out of wysiwyg editors upon form submit

I'm looking for a very straightforward example to get code out of a wysiwyg editor and submit it for writing to a database

I can get the text but not formatted html - need to figure out how to get the formatted stuff

I have multiple wysiwyg editors on the page...

currently I have multiple on page like this:

other text some text

I have javascript that pulls out the text for each of these - but cannot figure out how to get the full html code when I format these using the editor

here is the js

const formEl = document.querySelector('form');const persdevgoalArea = document.querySelector('.persdevgoal-area');const contactsArea = document.querySelector('.contacts-area');formEl.addEventListener('submit', (e) => { e.preventDefault(); alert('First area content:-->'+persdevgoalArea.innerText+'---- second content:'+contactsArea.innerText+'

• I tried to figure out how to use the getCode in the api - but there is no real good tutorial or example that really shows this working, even more so when there are multiple editors on a page

please share any pointers.

https://mdbootstrap.com/snippets/standard/mleach/3327705

snippet