Dev.Front Blink

Full Featured TinyMCE 4 (CDN)

TinyMCE 4 Full Toolbar
Arun Kr.
25-Apr-25
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Full Featured TinyMCE 4</title>
  <script src="https://cdn.tinymce.com/4/tinymce.min.js"></script>
  <script>
    tinymce.init({
      selector: "textarea#mytextarea",
      height: 500,
      theme: "modern",
      plugins: [
        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template paste textcolor colorpicker textpattern imagetools"
      ],
      toolbar1: "undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | " +
                "bullist numlist outdent indent | link image",
      toolbar2: "print preview media | forecolor backcolor emoticons | codesample",
      image_advtab: true,
      templates: [
        { title: 'Test template 1', content: 'Test 1' },
        { title: 'Test template 2', content: 'Test 2' }
      ],
      content_css: [
        '//www.tinymce.com/css/codepen.min.css'
      ]
    });
  </script>
</head>
<body>

<h1>Full Featured TinyMCE 4 Editor</h1>
<form method="post">
  <textarea id="mytextarea">This is a full-featured TinyMCE 4 editor!</textarea>
</form>

</body>
</html>