87 lines
2.5 KiB
JavaScript
87 lines
2.5 KiB
JavaScript
/**
|
||
* @license Modifica e usa come vuoi
|
||
*
|
||
* Creato da TurboLab.it - 01/01/2014 (buon anno!)
|
||
*/
|
||
CKEDITOR.dialog.add( 'tliyoutubeDialog', function( editor ) {
|
||
|
||
return {
|
||
title: 'Youtube',
|
||
minWidth: 400,
|
||
minHeight: 75,
|
||
contents: [
|
||
{
|
||
id: 'tab-basic',
|
||
label: 'Basic Settings',
|
||
elements: [
|
||
{
|
||
type: 'text',
|
||
id: 'youtubeURL',
|
||
label: '請輸入Youtube的網址：'
|
||
}
|
||
/*
|
||
,
|
||
{
|
||
id: 'width',
|
||
type: 'text',
|
||
label: '請輸入寬度',
|
||
style: 'width:150px;height:30px',
|
||
'default': '530'
|
||
}
|
||
,
|
||
{
|
||
id: 'height',
|
||
type: 'text',
|
||
label: '請輸入高度',
|
||
style: 'width:150px;height:30px',
|
||
'default': '315'
|
||
}*/
|
||
]
|
||
}
|
||
],
|
||
onOk: function() {
|
||
var dialog = this;
|
||
var url=dialog.getValueOf( 'tab-basic', 'youtubeURL');
|
||
//var width=dialog.getValueOf( 'tab-basic', 'width');
|
||
//var height=dialog.getValueOf( 'tab-basic', 'height');
|
||
var regExURL=/v=([^&$]+)/i;
|
||
var id_video=url.match(regExURL);
|
||
|
||
if(id_video==null || id_video=='' || id_video[0]=='' || id_video[1]=='')
|
||
{
|
||
alert("輸入錯誤! \n例：http://www.youtube.com/watch?v=abcdef");
|
||
return false;
|
||
}
|
||
|
||
/*
|
||
if(width==null || width=='' || isNaN(width))
|
||
{
|
||
alert("請輸入寬度");
|
||
return false;
|
||
}
|
||
if(height==null || height=='' || isNaN(height))
|
||
{
|
||
alert("請輸入高度");
|
||
return false;
|
||
}
|
||
*/
|
||
|
||
var div = editor.document.createElement('div');
|
||
div.setAttribute('class', 'embed-responsive embed-responsive-16by9');
|
||
var youtubeObject = '<iframe src="//www.youtube.com/embed/' + id_video[1] + '?rel=0" frameborder="0" allowfullscreen="1" />';
|
||
div.setHtml(youtubeObject);
|
||
editor.insertElement(div);
|
||
|
||
/*
|
||
var oTag = editor.document.createElement( 'iframe' );
|
||
oTag.setAttribute( 'width', width );
|
||
oTag.setAttribute( 'height', height );
|
||
oTag.setAttribute( 'src', '//www.youtube.com/embed/' + id_video[1] + '?rel=0');
|
||
oTag.setAttribute( 'frameborder', '0' );
|
||
oTag.setAttribute('allowfullscreen', '1');
|
||
editor.insertElement(oTag);
|
||
*/
|
||
|
||
}
|
||
};
|
||
}); |