The official TinyMCE website offers a documentation/tutorial to develop a plugin for the popular WYSIWYG Editor. Unfortunately the tutorial is quite poor and we’d love to have a template instead of a step-by-step tutorial.

Hence we created a kind of boilerplate for TinyMCE plugin development you can download here:

>> DOWNLOAD TinyMCE plugin boilerplate <<

To register your plugin to TinyMCE you need to create a folder in tiny_mce/plugins/ for your plugin and copy the boilerplates content to that folder. After modifying your plugin’s files you can add your plugin to your editor by adding your plugin in advanced mode to the init method.
For example:

tinyMCE.init({
	mode : "textareas",
	theme : "advanced",
	plugins : "example",
        theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough",
	theme_advanced_buttons2 : "justifyleft,justifycenter,justifyright,justifyfull,|,example"
});

Be Sociable, Share!

• 

Filed under: Javascript, plugin, tiny mce, tinymce