JSFiddle - React, Tailwind, and code Playground

HTML

<p class="edit">
  Edit this content.
</p>
<pre class="result"></pre>

<script src="https://cdn.ckeditor.com/ckeditor5/11.1.0/balloon/ckeditor.js"></script>
<script>
BalloonEditor.create(document.querySelector('.edit')).then(editor => {
  editor.model.schema.extend('paragraph', { isLimit: true });

	// Show the HTML output
	document.querySelector('.result').innerText = editor.getData();
  editor.model.document.on('change', () => {
    document.querySelector('.result').innerText = editor.getData();
  });
});
</script>

CSS

.result {
  color: white;
  background-color: #2f2f2f;
  padding: 1rem;
  border-radius: .25rem;
}