Form WYSIWYG header small text goes here...

<!-- required files -->
<script src="../assets/plugins/ckeditor/ckeditor.js"></script>

<!-- html -->
<textarea class="ckeditor" id="editor1" name="editor1" rows="20">
 ...
</textarea>

<!-- required files -->
<link href="../assets/plugins/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="../assets/plugins/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.all.min.js"></script>

<!-- html -->
<textarea class="textarea form-control" id="wysihtml5" placeholder="Enter text ..." rows="12">
</textarea>

<!-- script -->
<script>
  $('#wysihtml5').wysihtml5();
</script>