xxxxxxxxxx
1
<form>
2
<div id="firstWysiwyg" class="wysiwyg" data-mdb-wysiwyg="wysiwyg" data-mdb-wysiwyg-fixed="true" style="max-height: 150px">
3
<p>something</p>
4
</div>
5
<div id="secondWysiwyg" class="wysiwyg" data-mdb-wysiwyg="wysiwyg" data-mdb-wysiwyg-fixed="true" style="max-height: 150px">
6
<p>more something</p>
7
</div>
8
<button type="submit" class="btn mb-1 btn-danger">Save Changes <i class="far fa-save fa-lg" style="color:white"></i></button>
9
</form>
1
1
xxxxxxxxxx
1
const formEl = document.querySelector('form');
2
3
formEl.addEventListener('submit', (e) => {
4
e.preventDefault();
5
6
const AllWysiwygs = document.querySelectorAll('.wysiwyg');
7
let alertText = '';
8
9
AllWysiwygs.forEach((wysiwygEl, index) => {
10
const instance = WYSIWYG.getInstance(wysiwygEl);
11
const htmlCode = instance.getCode();
12
13
alertText += `${index + 1} wysiwyg with id: ${wysiwygEl.id} content: ${htmlCode} `
14
})
15
16
alert(alertText)
17
})
Console errors: 0