<div class="container mt-5">

  <form name="exampleform" action="" method="post" enctype="multipart/form-data">

    <div class="form-outline">

      <input name="exampleinput" value="input 1 default value" type="text" id="form12" class="form-control" />

      <label class="form-label" for="form12">Example label</label>

    </div>

    <div class="form-outline my-2">

      <input name="exampleinput2" value="input 2 default value" type="text" id="form12" class="form-control" />

      <label class="form-label" for="form12">Example label</label>

    </div>

    <div id="myWysiwyg" class="wysiwyg" data-mdb-wysiwyg="wysiwyg" data-mdb-wysiwyg-formatting-section="false" data-mdb-wysiwyg-justify-section="false" data-mdb-wysiwyg-show-code-section="false" data-mdb-wysiwyg-links-section="false" name="description" value="">

      <p style="text-align: center;"><img src="https://mdbootstrap.com/wp-content/uploads/2018/06/logo-mdb-jquery-small.webp" class="img-fluid"></p>

      <h1 style="text-align: center;">MDBootstrap</h1>

      <p style="text-align: center;">WYSIWYG Editor</p>

      <p style="text-align: center;"><a href="https://mdbootstrap.com" target="_blank" contenteditable="false" style="font-size: 1rem; text-align: left;">MDBootstrap.com</a>&nbsp;© 2020</p>

    </div>

    <input type="submit" name="submit" value="zapisz" />

  </form>

</div>

​

const form = document.forms.namedItem("exampleform");

form.addEventListener('submit', (e) => {

  e.preventDefault();

  const formData = new FormData(form);

​

  const wysiwyg = form.querySelector('#myWysiwyg');

  const wysiwygInstance = WYSIWYG.getInstance(wysiwyg);

  formData.append("wysiwyg", wysiwygInstance.getCode());

  for (var pair of formData.entries()) {

    console.log(`${pair[0]} - ${pair[1]}`); 

  }

});