<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TinyMCE and jQuery integration</title>
    <script src="https://code.jquery.com/jquery-3.6.0.js"
    integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous">
    </script>
    <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js"
    referrerpolicy="origin"></script> <!--Change from no-api-key to your TinyMCE API key -->
    </script>
    <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/jquery.tinymce.min.js" referrerpolicy="origin">
    </script> <!--This is the TinyMCE and jQuery integration script-->
</head>
<body>
    <div>
        <textarea id="tinymce"></textarea> <!--Add in a selector for jQuery to read, in this case the id-->
    </div>
<script>
$('textarea#tinymce').tinymce({
   plugins: [
       'code',
   ],
   width: 900,
   toolbar: 'code'
});
</script> <!-- Add in the jQuery to activate TinyMCE. This should show only the code plugin and nothing else-->
</body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.