Tag: TinyMCE

TinyMCE converts HTML textarea or any other HTML element to WYSIWYG editor. Where you can directly preview the changes.

Sometimes require toggling TinyMCE instance from the HTML element.

Generated HTML from TinyMCE editor will display on HTML element when an instance is removed.

In this tutorial, I show how you can dynamically add remove TinyMCE editor from HTML element with jQuery.

Dynamically Add and remove TinyMCE editor with jQuery

JQuery

TinyMCE is a WYSIWYG editor which enables HTML textarea or other HTML elements to accept formatted input and media files.

It previews the content while adding and editing.

In this tutorial, I show how you can add TinyMCE editor to HTML control and read it on the form submit in CodeIgniter Project.

Add TinyMCE to HTML element in CodeIgniter

CodeIgniter JQuery PHP

In TinyMCE editor to view image and media options in the menu or in toolbar need to load them by using plugins option while initializing.

This adds them to the editor but you can load external file by passing the source path. It does not allow to browse any file within the system.

The browse button easily added by defining file_picker_callback option.

This only adds browse button but not allow file selection.

Within the file_picker_callback function need to write the script to enable file selection and upload the file to the server.

For upload the file to the server I am using PHP.

Add Browse Button and Upload File in TinyMCE

How To Javascript