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.
Installation
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

  1. Create a Magnify.net channel: http://www.magnify.net/signup/
  2. Add plugin to the TinyMCE plugin option list, example:
    plugins : "magnify_publisher".
  3. Add the magnify_publisher button name to button list, example:
    theme_advanced_buttons2_add : "magnify_publisher".
  4. 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.