Set Up Magnify Publisher for TinyMCE
Follow these steps to install and use the Magnify Publisher within an application using the TinyMCE toolbar.
Requirements
-
TinyMCE version 2.x or 3.x
-
Access to the server with permission to upload files into the TinyMCE plugins directory.
Configure
To configure plugins for TinyMCE you can refer to the TinyMCE plugin documentation at http://wiki.moxiecode.com/index.php/TinyMCE:Plugins.
This plugin requires that you have a free Magnify.net channel. To create a channel: Get Started
Installation Instructions
- Create a Magnify.net channel: http://www.magnify.net/signup/free
- Add plugin to the TinyMCE plugin option list, example:
plugins : "magnify_publisher".
- Add the magnify_publisher button name to button list, example:
theme_advanced_buttons2_add : "magnify_publisher".
- Enable all attributes for the img tag, example:
extended_valid_elements : "img[*]".
** Please note that the 'magnify_publisher' plugin for TinyMCE 2.x is not designed to use the 'inlinepopups' plugin if it is enabled.
Plugin options
[magnify_publisher_url]
This is the full url to your Magnify.net channel, example:
magnify_publisher_url: "http://channelname.magnify.net".
Initialization Example
TinyMCE.init({
theme : "advanced",
mode : "textareas",
plugins : "inlinepopups, magnify_publisher",
theme_advanced_buttons2_add : "magnify_publisher",
extended_valid_elements : "img[*]",
magnify_publisher_url : "http://channelname.magnify.net"
});
Usage
-
Click on the orange "m" button in the editor formatting toolbar.
-
Use the publisher interface to find, upload, or embed a video or image.
-
Click the embed button to close the publisher interface and place the selected media item into the TinyMCE editor.
-
A placeholder image appears within the editor window and you can position it and place text around it as you'd like.
-
When you publish the entry, your visitors will be able to watch and interact with the media you've embedded.