How to Add  a new Supported  Video Site to the Rich Text Editor

Hi Vysali Janardhanan ,

Yes, we worked on this request and it is possible to add a new Video URL as a macro to the Rich Text Editor.

Here is what we had to do to implement this :-

1) Each video macro type is defined in Spring.xml  file.

<bean id="customMacro" class="com.jivesoftware.community.renderer.macro.CustomMacro" scope="prototype"> 

<property name="videoUrlTemplate" value="http://customUrl.company.com/content/$(id)/" /> 

        <property name="tagName" value="customName" /> 

        <property name="enabled" value="true" /> 

         <property name="useIFrame" value="true"/>

   </bean>

Each macro bean definition is then added to the list of "renderPlugins" passed into the definition of the globalRenderManager.

To see what bean properties can be defined, review the source code of the VideoMacro java class.

2) Overlay resources/scripts/tiny_mce3/plugins/jivevideo/js/video.js

This javascript file contains an array of the allowed macros.  The name of the video macro needs to be added here.  Search for this snippet.

Define the Regular Expression and the Display name to be shown in the Front End in addition to the existing Macros.

So when the user enters the Valid Custom URL, the pattern is identified and   Insert Video option is enabled.

There are regex definitions that define the valid video source url formats.  A corresponding regex needs to be defined for the new video macro in the variable:

"customMacro": {

regexes:

      [/customMacro.company.com\/content\/([0-9]+)\/([0-9]+)\/([0-9]+)/i],

             displayName: "customMacro.company.com"

        },

Once the valid Embed pattern is Selected and Inserted, the Video ID of the URL is extracted and Video is embedded in the Rich Text Editor.

Hope this helps in your task.

Regards

Vishwajeet.