diff options
Diffstat (limited to 'editors/ckeditor_4_4/plugins/youtube/plugin.js')
| -rw-r--r-- | editors/ckeditor_4_4/plugins/youtube/plugin.js | 388 |
1 files changed, 388 insertions, 0 deletions
diff --git a/editors/ckeditor_4_4/plugins/youtube/plugin.js b/editors/ckeditor_4_4/plugins/youtube/plugin.js new file mode 100644 index 0000000..908ff66 --- /dev/null +++ b/editors/ckeditor_4_4/plugins/youtube/plugin.js @@ -0,0 +1,388 @@ +/*
+* Youtube Embed Plugin
+*
+* @author Jonnas Fonini <contato@fonini.net>
+* @version 2.0.9
+*/
+( function() {
+ CKEDITOR.plugins.add( 'youtube',
+ {
+ lang: [ 'en', 'pt', 'ja', 'hu', 'it', 'fr', 'tr', 'ru', 'de', 'ar', 'nl', 'pl', 'vi', 'zh', 'el', 'he', 'es', 'nb', 'nn', 'fi', 'et', 'sk', 'cs'],
+ init: function( editor )
+ {
+ editor.addCommand( 'youtube', new CKEDITOR.dialogCommand( 'youtube', {
+ allowedContent: 'div{*}; iframe{*}[!width,!height,!src,!frameborder,!allowfullscreen]; object param[*]'
+ }));
+
+ editor.ui.addButton( 'Youtube',
+ {
+ label : editor.lang.youtube.button,
+ toolbar : 'insert',
+ command : 'youtube',
+ icon : this.path + 'images/icon.png'
+ });
+
+ CKEDITOR.dialog.add( 'youtube', function ( instance )
+ {
+ var video;
+
+ return {
+ title : editor.lang.youtube.title,
+ minWidth : 500,
+ minHeight : 200,
+ contents :
+ [{
+ id : 'youtubePlugin',
+ expand : true,
+ elements :
+ [{
+ id : 'txtEmbed',
+ type : 'textarea',
+ label : editor.lang.youtube.txtEmbed,
+ autofocus : 'autofocus',
+ onChange : function ( api )
+ {
+ handleEmbedChange( this, api );
+ },
+ onKeyUp : function ( api )
+ {
+ handleEmbedChange( this, api );
+ },
+ validate : function ()
+ {
+ if ( this.isEnabled() )
+ {
+ if ( !this.getValue() )
+ {
+ alert( editor.lang.youtube.noCode );
+ return false;
+ }
+ else
+ if ( this.getValue().length === 0 || this.getValue().indexOf( '//' ) === -1 )
+ {
+ alert( editor.lang.youtube.invalidEmbed );
+ return false;
+ }
+ }
+ }
+ },
+ {
+ type : 'html',
+ html : editor.lang.youtube.or + '<hr>'
+ },
+ {
+ type : 'hbox',
+ widths : [ '70%', '15%', '15%' ],
+ children :
+ [
+ {
+ id : 'txtUrl',
+ type : 'text',
+ label : editor.lang.youtube.txtUrl,
+ onChange : function ( api )
+ {
+ handleLinkChange( this, api );
+ },
+ onKeyUp : function ( api )
+ {
+ handleLinkChange( this, api );
+ },
+ validate : function ()
+ {
+ if ( this.isEnabled() )
+ {
+ if ( !this.getValue() )
+ {
+ alert( editor.lang.youtube.noCode );
+ return false;
+ }
+ else{
+ video = ytVidId(this.getValue());
+
+ if ( this.getValue().length === 0 || video === false)
+ {
+ alert( editor.lang.youtube.invalidUrl );
+ return false;
+ }
+ }
+ }
+ }
+ },
+ {
+ type : 'text',
+ id : 'txtWidth',
+ width : '60px',
+ label : editor.lang.youtube.txtWidth,
+ 'default' : editor.config.youtube_width != null ? editor.config.youtube_width : '640',
+ validate : function ()
+ {
+ if ( this.getValue() )
+ {
+ var width = parseInt ( this.getValue() ) || 0;
+
+ if ( width === 0 )
+ {
+ alert( editor.lang.youtube.invalidWidth );
+ return false;
+ }
+ }
+ else {
+ alert( editor.lang.youtube.noWidth );
+ return false;
+ }
+ }
+ },
+ {
+ type : 'text',
+ id : 'txtHeight',
+ width : '60px',
+ label : editor.lang.youtube.txtHeight,
+ 'default' : editor.config.youtube_height != null ? editor.config.youtube_height : '360',
+ validate : function ()
+ {
+ if ( this.getValue() )
+ {
+ var height = parseInt ( this.getValue() ) || 0;
+
+ if ( height === 0 )
+ {
+ alert( editor.lang.youtube.invalidHeight );
+ return false;
+ }
+ }
+ else {
+ alert( editor.lang.youtube.noHeight );
+ return false;
+ }
+ }
+ }
+ ]
+ },
+ {
+ type : 'hbox',
+ widths : [ '100%' ],
+ children :
+ [
+ {
+ id : 'chkResponsive',
+ type : 'checkbox',
+ label : editor.lang.youtube.txtResponsive,
+ 'default' : editor.config.youtube_responsive != null ? editor.config.youtube_responsive : false
+ }
+ ]
+ },
+ {
+ type : 'hbox',
+ widths : [ '55%', '45%' ],
+ children :
+ [
+ {
+ id : 'chkRelated',
+ type : 'checkbox',
+ 'default' : editor.config.youtube_related != null ? editor.config.youtube_related : true,
+ label : editor.lang.youtube.chkRelated
+ },
+ {
+ id : 'chkOlderCode',
+ type : 'checkbox',
+ 'default' : editor.config.youtube_older != null ? editor.config.youtube_older : false,
+ label : editor.lang.youtube.chkOlderCode
+ }
+ ]
+ },
+ {
+ type : 'hbox',
+ widths : [ '55%', '45%' ],
+ children :
+ [
+ {
+ id : 'chkPrivacy',
+ type : 'checkbox',
+ label : editor.lang.youtube.chkPrivacy,
+ 'default' : editor.config.youtube_privacy != null ? editor.config.youtube_privacy : false
+ },
+ {
+ id : 'chkAutoplay',
+ type : 'checkbox',
+ 'default' : editor.config.youtube_autoplay != null ? editor.config.youtube_autoplay : false,
+ label : editor.lang.youtube.chkAutoplay
+ }
+ ]
+ },
+ {
+ type : 'hbox',
+ widths : [ '55%', '45%'],
+ children :
+ [
+ {
+ id : 'txtStartAt',
+ type : 'text',
+ label : editor.lang.youtube.txtStartAt,
+ validate : function ()
+ {
+ if ( this.getValue() )
+ {
+ var str = this.getValue();
+
+ if ( !/^(?:(?:([01]?\d|2[0-3]):)?([0-5]?\d):)?([0-5]?\d)$/i.test( str ) )
+ {
+ alert( editor.lang.youtube.invalidTime );
+ return false;
+ }
+ }
+ }
+ },
+ {
+ id: 'empty',
+ type: 'html',
+ html: ''
+ }
+ ]
+ }
+ ]
+ }
+ ],
+ onOk: function()
+ {
+ var content = '';
+ var responsiveStyle='';
+
+ if ( this.getContentElement( 'youtubePlugin', 'txtEmbed' ).isEnabled() )
+ {
+ content = this.getValueOf( 'youtubePlugin', 'txtEmbed' );
+ }
+ else {
+ var url = '//', params = [], startSecs;
+ var width = this.getValueOf( 'youtubePlugin', 'txtWidth' );
+ var height = this.getValueOf( 'youtubePlugin', 'txtHeight' );
+
+ if ( this.getContentElement( 'youtubePlugin', 'chkPrivacy' ).getValue() === true )
+ {
+ url += 'www.youtube-nocookie.com/';
+ }
+ else {
+ url += 'www.youtube.com/';
+ }
+
+ url += 'embed/' + video;
+
+ if ( this.getContentElement( 'youtubePlugin', 'chkRelated' ).getValue() === false )
+ {
+ params.push('rel=0');
+ }
+
+ if ( this.getContentElement( 'youtubePlugin', 'chkAutoplay' ).getValue() === true )
+ {
+ params.push('autoplay=1');
+ }
+
+ startSecs = this.getValueOf( 'youtubePlugin', 'txtStartAt' );
+ if ( startSecs ){
+ var seconds = hmsToSeconds( startSecs );
+
+ params.push('start=' + seconds);
+ }
+
+ if ( params.length > 0 )
+ {
+ url = url + '?' + params.join( '&' );
+ }
+
+ if ( this.getContentElement( 'youtubePlugin', 'chkResponsive').getValue() === true ) {
+ content += '<div class="youtube-embed-wrapper" style="position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;">';
+ responsiveStyle = 'style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;"';
+ }
+
+ if ( this.getContentElement( 'youtubePlugin', 'chkOlderCode' ).getValue() === true )
+ {
+ url = url.replace('embed/', 'v/');
+ url = url.replace(/&/g, '&');
+
+ if ( url.indexOf('?') === -1 )
+ {
+ url += '?';
+ }
+ else {
+ url += '&';
+ }
+ url += 'hl=' + (this.getParentEditor().config.language ? this.getParentEditor().config.language : 'en') + '&version=3';
+
+ content += '<object width="' + width + '" height="' + height + '" ' + responsiveStyle + '>';
+ content += '<param name="movie" value="' + url + '"></param>';
+ content += '<param name="allowFullScreen" value="true"></param>';
+ content += '<param name="allowscriptaccess" value="always"></param>';
+ content += '<embed src="' + url + '" type="application/x-shockwave-flash" ';
+ content += 'width="' + width + '" height="' + height + '" '+ responsiveStyle + ' allowscriptaccess="always" ';
+ content += 'allowfullscreen="true"></embed>';
+ content += '</object>';
+ }
+ else {
+ content += '<iframe width="' + width + '" height="' + height + '" src="' + url + '" ' + responsiveStyle;
+ content += 'frameborder="0" allowfullscreen></iframe>';
+ }
+
+ if ( this.getContentElement( 'youtubePlugin', 'chkResponsive').getValue() === true ) {
+ content += '</div>';
+ }
+ }
+
+ var element = CKEDITOR.dom.element.createFromHtml( content );
+ var instance = this.getParentEditor();
+ instance.insertElement(element);
+ }
+ };
+ });
+ }
+ });
+})();
+
+function handleLinkChange( el, api )
+{
+ if ( el.getValue().length > 0 )
+ {
+ el.getDialog().getContentElement( 'youtubePlugin', 'txtEmbed' ).disable();
+ }
+ else {
+ el.getDialog().getContentElement( 'youtubePlugin', 'txtEmbed' ).enable();
+ }
+}
+
+function handleEmbedChange( el, api )
+{
+ if ( el.getValue().length > 0 )
+ {
+ el.getDialog().getContentElement( 'youtubePlugin', 'txtUrl' ).disable();
+ }
+ else {
+ el.getDialog().getContentElement( 'youtubePlugin', 'txtUrl' ).enable();
+ }
+}
+
+
+/**
+ * JavaScript function to match (and return) the video Id
+ * of any valid Youtube Url, given as input string.
+ * @author: Stephan Schmitz <eyecatchup@gmail.com>
+ * @url: http://stackoverflow.com/a/10315969/624466
+ */
+function ytVidId( url )
+{
+ var p = /^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/;
+ return ( url.match( p ) ) ? RegExp.$1 : false;
+}
+
+/**
+ * Converts time in hms format to seconds only
+ */
+function hmsToSeconds( time )
+{
+ var arr = time.split(':'), s = 0, m = 1;
+
+ while (arr.length > 0)
+ {
+ s += m * parseInt(arr.pop(), 10);
+ m *= 60;
+ }
+
+ return s;
+}
|