How to dynamically adding and removing TinyMCE 4 editor
We have share How to dynamically adding and removing TinyMCE 4 editor.First configure TinyMCE editor.
Step 1: Following line add in HTML page
|
1 2 3 |
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.1.min.js"> </script> <script src="//cdn.tinymce.com/4/tinymce.min.js"></script> |
Step 2: Then add textarea in html page
|
1 |
<textarea id="mceEditorID" class="mceEditorID form-control" cols="10" name="description" rows="5" placeholder="Description"></textarea> |
Step 3: and then add js code
As of TinyMCE 4 the methods to remove and reinitialize an instance:
To add editor to a textarea
|
1 2 |
var editorID = 'mceEditorID'; tinymce.EditorManager.execCommand('mceAddEditor', false, editorID); |
To remove editor from a textarea
|
1 2 3 |
var editorID = 'mceEditorID'; tinyMCE.EditorManager.execCommand('mceFocus', false, editorID); tinyMCE.EditorManager.execCommand('mceRemoveEditor', true, editorID); |