enable tinymce on a target textarea by id

this is useful if you have multiple textareas on a page and want to enable tinymce on, also included are buttons to enable and disable on all textareas on the page

HTML

<h3>These buttons enable and disable the editor on both text areas below</h3>
<p>
<button class='btn btn-primary' onclick="load_tinymce('textarea');">Enable TinyMCE All Textareas</button>
<button class='btn btn-primary' onclick="tinymce.remove('textarea');">Disable TinyMCE All Textareas</button>
</p>

<h3>Single Target load and unload</h3>
<p>These buttons enable and disable the editor on just the editor with the id <code>#tinymce_enabled</code></p>
<p>
<button class='btn btn-primary' onclick="load_tinymce('#tinymce_enabled');">Enable TinyMCE Single</button>
<button class='btn btn-primary' onclick="tinymce.remove('#tinymce_enabled');">Disable TinyMCE Single</button>
</p>


<p><textarea id="tinymce_enabled" placeholder="tinymce_enabled"></textarea></p>
<p><textarea id="tinymce_disabled" placeholder="tinymce_disabled"></textarea></p>

Scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.8.4/tinymce.min.js" integrity="sha256-rjy8f5xTyKOb6CxACEd6Vc99uhhjTKuqmTMrZ7TbdOA=" crossorigin="anonymous"></script>

Javascript

function load_tinymce(idclass) {
      tinymce.init({
          selector: idclass,
          plugins: [ "spellchecker code autolink link image fullscreen searchreplace wordcount visualblocks visualchars insertdatetime media table paste textcolor textpattern emoticons media lists" ],
          toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link unlink image | code | forecolor backcolor | emoticons",
          image_advtab: true,
          height: 400,
          content_css : "/css/style.css",
					relative_urls: false,
          convert_urls: false,
          remove_script_host : false					
      });
  }

These buttons enable and disable the editor on both text areas below

Single Target load and unload

These buttons enable and disable the editor on just the editor with the id #tinymce_enabled

Other Items in js
Page Views

This page has been viewed 77 times.

Search Code
Search Code by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code snippits here, mostly for my reference. Also if i find a good site, i usually add it here.

❤👩‍💻🕹

Random Quote
All of humanity's problems stem from man's inability to sit quietly in a room alone, wrote Blaise Pascal.
Unknown