Quill - simple

by pedro_g_s

HTML

<!-- Include stylesheet -->
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">

<!-- Create the editor container -->
<div id="editor">
  <p>Hello World!</p>
  <p>Some initial <strong>bold</strong> text</p>
  <p><br></p>
</div>

<button id="show">
Show
</button>
<button id="hide">
Hide
</button>

<!-- Include the Quill library -->
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>

<!-- Initialize Quill editor -->
<script>

</script>

JavaScript

navigator.virtualKeyboard.overlaysContent = true
document.addEventListener("DOMContentLoaded", function() {
  // code...
	  var quill = new Quill('#editor', {    theme: 'snow' });
    console.log("====> ", quill.keyboard)
    quill.root.setAttribute("virtualkeyboardpolicy", "manual");
		quill.focus();
});

setTimeout(() => {
console.log("==> SHOW", document.activeElement)
	navigator.virtualKeyboard.show();
}, 3000);
setTimeout(() => {
console.log("==> HIDE", document.activeElement)
	navigator.virtualKeyboard.hide();
}, 6000);