JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://rawgit.com/froala/wysiwyg-editor/master/css/froala_editor.pkgd.min.css">
<script src="https://rawgit.com/froala/wysiwyg-editor/master/js/froala_editor.pkgd.min.js"></script>
<link rel="stylesheet" href="https://rawgit.com/froala/wysiwyg-editor/master/css/froala_editor.css">
<link rel="stylesheet" href="https://rawgit.com/froala/wysiwyg-editor/master/css/froala_style.css">
<textarea name="" id="" cols="30" rows="10">
  <p>test</p>
  <p>test</p>
</textarea>

JavaScript

$('textarea').froalaEditor();

$('textarea').froalaEditor('events.on', 'keydown', (e) => {
  console.log(e.key)
}, true);

$('textarea').on('froalaEditor.keydown', function (e, editor, keydownEvent) {
  return false;
});