Julio Montoya
6 years ago
parent
e65d7f8e83
commit
2e1607c206
@ -0,0 +1,388 @@ |
|||||||
|
/** |
||||||
|
* Plugin created by BeezNest Latino S.A.C |
||||||
|
* |
||||||
|
* For licensing terms, see /license.txt |
||||||
|
* |
||||||
|
* This plugin allows set quizzes markers in video with mediaelement. |
||||||
|
*/ |
||||||
|
|
||||||
|
CKEDITOR.dialog.add('qMarkersrollsDialog', function (editor) { |
||||||
|
var lang = editor.lang.qmarkersrolls, |
||||||
|
player = null, |
||||||
|
pgbProgress = null, |
||||||
|
fakeImage = null, |
||||||
|
videoNode = null, |
||||||
|
quizzesList = [], |
||||||
|
currentMarkers = [], |
||||||
|
colorDialog = editor.plugins.colordialog; |
||||||
|
|
||||||
|
function initPlayer(selectedElement) { |
||||||
|
fakeImage = selectedElement; |
||||||
|
|
||||||
|
if (!fakeImage || |
||||||
|
!fakeImage.data( 'cke-real-element-type' ) || |
||||||
|
fakeImage.data( 'cke-real-element-type' ) != 'video' |
||||||
|
) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
videoNode = editor.restoreRealElement(fakeImage); |
||||||
|
|
||||||
|
var sourcesList = videoNode.getElementsByTag('source', ''); |
||||||
|
|
||||||
|
if (sourcesList.count() === 0) { |
||||||
|
sourcesList = videoNode.getElementsByTag('source', 'cke'); |
||||||
|
} |
||||||
|
|
||||||
|
if (sourcesList.count() === 0) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
var sourceNode = sourcesList.getItem(0); |
||||||
|
|
||||||
|
if (!sourceNode) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
pgbProgress = document.getElementById('ck-qmr-progress'); |
||||||
|
pgbProgress.value = 0; |
||||||
|
pgbProgress.min = 0; |
||||||
|
pgbProgress.step = 1; |
||||||
|
pgbProgress.onchange = function () { |
||||||
|
player.currentTime = this.value; |
||||||
|
|
||||||
|
document.getElementById('ck-qmr-current-time').textContent = encodeTime(this.value); |
||||||
|
}; |
||||||
|
|
||||||
|
var playerContainer = document.getElementById('ck-qmr-player-container'); |
||||||
|
playerContainer.innerHTML = ''; |
||||||
|
|
||||||
|
player = document.createElement('video'); |
||||||
|
player.className = 'skip'; |
||||||
|
player.controls = false; |
||||||
|
player.style.maxWidth = '100%'; |
||||||
|
player.style.minWidth = '100%'; |
||||||
|
player.onloadedmetadata = function () { |
||||||
|
pgbProgress.max = Math.floor(player.duration); |
||||||
|
playerContainer.appendChild(player); |
||||||
|
}; |
||||||
|
player.src = sourceNode.getAttribute('src'); |
||||||
|
} |
||||||
|
|
||||||
|
function decodeTime(time) { |
||||||
|
var parts = time.split(':'); |
||||||
|
|
||||||
|
if (parts.length != 3) { |
||||||
|
return 0; |
||||||
|
} |
||||||
|
|
||||||
|
var hours = parseInt(parts[0]), |
||||||
|
minutes = parseInt(parts[1]), |
||||||
|
seconds = parseInt(parts[2]); |
||||||
|
|
||||||
|
if (seconds > 59 || minutes > 59) { |
||||||
|
return 0; |
||||||
|
} |
||||||
|
|
||||||
|
hours *= 60 * 60; |
||||||
|
minutes *= 60; |
||||||
|
|
||||||
|
return hours + minutes + seconds; |
||||||
|
} |
||||||
|
|
||||||
|
function encodeTime(time) { |
||||||
|
if (time < 60) { |
||||||
|
if (time < 10) { |
||||||
|
time = '0' + time; |
||||||
|
} |
||||||
|
|
||||||
|
return '00:00:' + time; |
||||||
|
} |
||||||
|
|
||||||
|
var hours = 0, |
||||||
|
minutes = Math.floor(time / 60), |
||||||
|
seconds = Math.floor(time % 60); |
||||||
|
|
||||||
|
if (minutes > 60) { |
||||||
|
hours = Math.floor(minutes / 60); |
||||||
|
minutes = minutes - (hours * 60); |
||||||
|
} |
||||||
|
|
||||||
|
return (hours < 10 ? '0' + hours : hours) + ':' |
||||||
|
+ (minutes < 10 ? '0' + minutes : minutes) + ':' |
||||||
|
+ (seconds < 10 ? '0' + seconds : seconds); |
||||||
|
} |
||||||
|
|
||||||
|
function displayQuizzes() { |
||||||
|
var container = document.getElementById('ck-qmr-quizzes-container'); |
||||||
|
container.innerHTML = ''; |
||||||
|
|
||||||
|
quizzesList.forEach(function (quiz) { |
||||||
|
var alreadyAdded = false; |
||||||
|
|
||||||
|
currentMarkers.forEach(function (markerRoll) { |
||||||
|
if (quiz.id == markerRoll[1]) { |
||||||
|
alreadyAdded = true; |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
if (alreadyAdded) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
var label = document.createElement('label'); |
||||||
|
label.textContent = quiz.title; |
||||||
|
label.htmlFor = 'ck-qmr-quiz-' + quiz.id; |
||||||
|
label.style.verticalAlign = 'super'; |
||||||
|
|
||||||
|
var radio = document.createElement('input'); |
||||||
|
radio.type = 'radio'; |
||||||
|
radio.name = 'ck_qmr_quiz'; |
||||||
|
radio.id = 'ck-qmr-quiz-' + quiz.id; |
||||||
|
radio.value = quiz.id; |
||||||
|
|
||||||
|
var row = document.createElement('div'); |
||||||
|
row.appendChild(radio); |
||||||
|
row.appendChild(label); |
||||||
|
|
||||||
|
container.appendChild(row); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function displayCurrentMarkersList() { |
||||||
|
var quizzesAddedContainer = document.getElementById('ck-qmr-quizzes-added-container'); |
||||||
|
quizzesAddedContainer.innerHTML = ''; |
||||||
|
|
||||||
|
currentMarkers.forEach(function (markerRoll) { |
||||||
|
var makerForQuiz = null; |
||||||
|
|
||||||
|
quizzesList.forEach(function (quiz) { |
||||||
|
if (markerRoll[1] == quiz.id) { |
||||||
|
makerForQuiz = quiz; |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
if (!makerForQuiz) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
var btnRemove = document.createElement('a'); |
||||||
|
btnRemove.className = 'cke_dialog_ui_button'; |
||||||
|
btnRemove.type = 'button'; |
||||||
|
btnRemove.innerHTML = '<span class="cke_dialog_ui_button">' + lang.delete + '</span>'; |
||||||
|
btnRemove.setAttribute('role', 'button'); |
||||||
|
btnRemove.addEventListener('click', function (e) { |
||||||
|
e.preventDefault(); |
||||||
|
e.stopPropagation(); |
||||||
|
|
||||||
|
for (var i = 0; i < currentMarkers.length; i++) { |
||||||
|
if (currentMarkers[i][1] == markerRoll[1]) { |
||||||
|
currentMarkers.splice(i, 1); |
||||||
|
i--; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
displayQuizzes(); |
||||||
|
displayCurrentMarkersList(); |
||||||
|
}, false); |
||||||
|
|
||||||
|
var divMarker = document.createElement('span'); |
||||||
|
divMarker.innerHTML = ' <strong>' + encodeTime(markerRoll[0]) + '</strong> — ' |
||||||
|
+ makerForQuiz.title; |
||||||
|
|
||||||
|
var pMarker = document.createElement('p'); |
||||||
|
pMarker.appendChild(btnRemove); |
||||||
|
pMarker.appendChild(divMarker); |
||||||
|
|
||||||
|
quizzesAddedContainer.appendChild(pMarker); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
return { |
||||||
|
title: lang.dialogTitle, |
||||||
|
minWidth: 400, |
||||||
|
minHeight: 500, |
||||||
|
resizable: CKEDITOR.DIALOG_RESIZE_NONE, |
||||||
|
contents: [ |
||||||
|
{ |
||||||
|
id: 'tab-markers', |
||||||
|
label: lang.markers, |
||||||
|
elements: [ |
||||||
|
{ |
||||||
|
type: 'vbox', |
||||||
|
width: '100%', |
||||||
|
children: [ |
||||||
|
{ |
||||||
|
type: 'html', |
||||||
|
id: 'html', |
||||||
|
html: '<div id="ck-qmr-player-container"></div>' |
||||||
|
}, |
||||||
|
{ |
||||||
|
type: 'hbox', |
||||||
|
widths: ['100%', '200px'], |
||||||
|
children: [ |
||||||
|
{ |
||||||
|
type: 'html', |
||||||
|
html: '<input type="range" min="0" step="1" id="ck-qmr-progress">' |
||||||
|
}, |
||||||
|
{ |
||||||
|
type: 'html', |
||||||
|
title: 'Current Time', |
||||||
|
html: '<span id="ck-qmr-current-time">00:00:00</span>' |
||||||
|
}, |
||||||
|
] |
||||||
|
}, |
||||||
|
{ |
||||||
|
type: 'hbox', |
||||||
|
widths: ['100%', '200px'], |
||||||
|
children: [ |
||||||
|
{ |
||||||
|
type: 'html', |
||||||
|
html: lang.embeddableQuizzes + ' ' |
||||||
|
+ '<div id="ck-qmr-quizzes-container" ' |
||||||
|
+ 'style="max-height: 110px; overflow: hidden auto;"></div>' |
||||||
|
}, |
||||||
|
{ |
||||||
|
type: 'button', |
||||||
|
id: 'btn-assign', |
||||||
|
label: lang.assignQuiz, |
||||||
|
title: lang.assignQuiz, |
||||||
|
onClick: function () { |
||||||
|
var radioQuizzes = document.getElementsByName('ck_qmr_quiz'), |
||||||
|
selected = null; |
||||||
|
|
||||||
|
radioQuizzes.forEach(function (radio) { |
||||||
|
if (!radio.checked) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
selected = radio; |
||||||
|
}); |
||||||
|
|
||||||
|
if (!selected) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
currentMarkers.push([ |
||||||
|
parseInt(pgbProgress.value), |
||||||
|
parseInt(selected.value) |
||||||
|
]); |
||||||
|
|
||||||
|
displayCurrentMarkersList(); |
||||||
|
|
||||||
|
selected.parentElement.remove(); |
||||||
|
} |
||||||
|
} |
||||||
|
] |
||||||
|
}, |
||||||
|
{ |
||||||
|
type: 'html', |
||||||
|
html: lang.currentMarkers + ' ' |
||||||
|
+ '<div id="ck-qmr-quizzes-added-container" ' |
||||||
|
+ 'style="max-height: 140px; overflow: hidden auto;"></div>' |
||||||
|
} |
||||||
|
] |
||||||
|
}, |
||||||
|
] |
||||||
|
}, |
||||||
|
{ |
||||||
|
id: 'tab-settings', |
||||||
|
label: lang.settings, |
||||||
|
elements: [ |
||||||
|
{ |
||||||
|
type: 'hbox', |
||||||
|
widths: ['200px', '100%'], |
||||||
|
children: [ |
||||||
|
{ |
||||||
|
type: 'text', |
||||||
|
id: 'markerColor', |
||||||
|
label: lang.markerColor, |
||||||
|
'default': '', |
||||||
|
setup: function (widget) { |
||||||
|
this.setValue(widget.getAttribute('data-q-markersrolls-color')); |
||||||
|
}, |
||||||
|
commit: function (widget) { |
||||||
|
widget.setAttribute('data-q-markersrolls-color', this.getValue()); |
||||||
|
} |
||||||
|
}, |
||||||
|
colorDialog ? { |
||||||
|
type: 'button', |
||||||
|
id: 'markerColorChoose', |
||||||
|
'class': 'colorChooser', |
||||||
|
label: lang.choose, |
||||||
|
onLoad: function() { |
||||||
|
// Stick the element to the bottom
|
||||||
|
this.getElement() |
||||||
|
.getParent() |
||||||
|
.setStyle('vertical-align', 'bottom'); |
||||||
|
}, |
||||||
|
onClick: function () { |
||||||
|
editor.getColorFromDialog(function (color) { |
||||||
|
if (color) { |
||||||
|
this.getDialog() |
||||||
|
.getContentElement('tab-settings', 'markerColor') |
||||||
|
.setValue(color); |
||||||
|
} |
||||||
|
|
||||||
|
this.focus(); |
||||||
|
}, this) |
||||||
|
} |
||||||
|
} : { |
||||||
|
type: 'html', |
||||||
|
html: ' ' |
||||||
|
} |
||||||
|
] |
||||||
|
}, |
||||||
|
] |
||||||
|
}, |
||||||
|
], |
||||||
|
onShow: function () { |
||||||
|
var dialog = this; |
||||||
|
|
||||||
|
document.getElementById('ck-qmr-quizzes-container').innerHTML = ''; |
||||||
|
|
||||||
|
initPlayer( |
||||||
|
dialog.getSelectedElement() |
||||||
|
); |
||||||
|
|
||||||
|
currentMarkers = JSON.parse( |
||||||
|
videoNode.getAttribute('data-q-markersrolls') || '[]' |
||||||
|
); |
||||||
|
|
||||||
|
CKEDITOR.ajax.load( |
||||||
|
editor.config.qMarkersRollsUrl, |
||||||
|
function (response) { |
||||||
|
quizzesList = JSON.parse(response); |
||||||
|
|
||||||
|
displayQuizzes(); |
||||||
|
|
||||||
|
displayCurrentMarkersList(); |
||||||
|
|
||||||
|
dialog.setupContent(videoNode); |
||||||
|
} |
||||||
|
); |
||||||
|
}, |
||||||
|
onHide: function () { |
||||||
|
player = null; |
||||||
|
pgbProgress = null; |
||||||
|
}, |
||||||
|
onOk: function () { |
||||||
|
if (!fakeImage) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
this.commitContent(videoNode); |
||||||
|
|
||||||
|
videoNode.setAttribute('data-q-markersrolls', JSON.stringify(currentMarkers)); |
||||||
|
|
||||||
|
var newFakeImage = editor.createFakeElement(videoNode, 'cke_video', 'video', false); |
||||||
|
newFakeImage.setStyles({ |
||||||
|
width: fakeImage.getStyle('width'), |
||||||
|
height: fakeImage.getStyle('height') |
||||||
|
}); |
||||||
|
|
||||||
|
newFakeImage.replace(fakeImage); |
||||||
|
editor.getSelection().selectElement(newFakeImage); |
||||||
|
} |
||||||
|
}; |
||||||
|
}); |
||||||
|
After Width: | Height: | Size: 1.2 KiB |
@ -0,0 +1,19 @@ |
|||||||
|
/** |
||||||
|
* Plugin created by BeezNest Latino S.A.C |
||||||
|
* |
||||||
|
* For licensing terms, see /license.txt |
||||||
|
* |
||||||
|
* This plugin allows set quizzes markers in video with mediaelement. |
||||||
|
*/ |
||||||
|
CKEDITOR.plugins.setLang('qmarkersrolls', 'en', { |
||||||
|
dialogTitle: 'Quizzes Marker Rolls', |
||||||
|
setQuizMarkersRolls: 'Set Quiz Markers Rolls', |
||||||
|
delete: 'Delete', |
||||||
|
markers: 'Markers', |
||||||
|
settings: 'Settings', |
||||||
|
embeddableQuizzes: 'Embeddable quizzes', |
||||||
|
assignQuiz: 'Assign quiz', |
||||||
|
currentMarkers: 'Current Markers', |
||||||
|
markerColor: 'Marker color', |
||||||
|
choose: 'Choose' |
||||||
|
}); |
||||||
@ -0,0 +1,20 @@ |
|||||||
|
/** |
||||||
|
* Plugin created by BeezNest Latino S.A.C |
||||||
|
* |
||||||
|
* For licensing terms, see /license.txt |
||||||
|
* |
||||||
|
* This plugin allows set quizzes markers in video with mediaelement. |
||||||
|
*/ |
||||||
|
|
||||||
|
CKEDITOR.plugins.setLang('qmarkersrolls', 'es', { |
||||||
|
dialogTitle: 'Marcadores de exámenes', |
||||||
|
setQuizMarkersRolls: 'Agregar marcadores de exámenes', |
||||||
|
delete: 'Eliminar', |
||||||
|
markers: 'Marcadores', |
||||||
|
settings: 'Configuración', |
||||||
|
embeddableQuizzes: 'Exámenes integrables', |
||||||
|
assignQuiz: 'Asignar examen', |
||||||
|
currentMarkers: 'Marcadores actuales', |
||||||
|
markerColor: 'Color del marcador', |
||||||
|
choose: 'Elegir' |
||||||
|
}); |
||||||
@ -0,0 +1,51 @@ |
|||||||
|
/** |
||||||
|
* Plugin created by BeezNest Latino S.A.C |
||||||
|
* |
||||||
|
* For licensing terms, see /license.txt |
||||||
|
* |
||||||
|
* This plugin allows set quizzes markers in video with mediaelement. |
||||||
|
*/ |
||||||
|
|
||||||
|
(function () { |
||||||
|
|
||||||
|
CKEDITOR.plugins.add('qmarkersrolls', { |
||||||
|
lang: [ |
||||||
|
'en', |
||||||
|
'es', |
||||||
|
], |
||||||
|
requires: ['video'], |
||||||
|
init: function (editor) { |
||||||
|
var lang = editor.lang.qmarkersrolls; |
||||||
|
|
||||||
|
editor |
||||||
|
.addCommand( |
||||||
|
'qmarkersrolls', |
||||||
|
new CKEDITOR.dialogCommand('qMarkersrollsDialog') |
||||||
|
); |
||||||
|
|
||||||
|
if (editor.contextMenu) { |
||||||
|
editor.addMenuGroup('qMarkersRollsGroup'); |
||||||
|
editor.addMenuItem('qMarkersRollsItem', { |
||||||
|
label: lang.setQuizMarkersRolls, |
||||||
|
icon: this.path + 'images/icon.png', |
||||||
|
command: 'qmarkersrolls', |
||||||
|
group: 'qMarkersRollsGroup' |
||||||
|
}); |
||||||
|
editor.contextMenu.addListener(function (element) { |
||||||
|
if (element && |
||||||
|
element.is('img') && |
||||||
|
!element.isReadOnly() && |
||||||
|
element.data('cke-real-element-type') == 'video' |
||||||
|
) { |
||||||
|
return { |
||||||
|
qMarkersRollsItem: CKEDITOR.TRISTATE_OFF |
||||||
|
}; |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
CKEDITOR.dialog.add('qMarkersrollsDialog', this.path + 'dialogs/qmarkersrolls.js'); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
})(); |
||||||
@ -0,0 +1,3 @@ |
|||||||
|
.cke_wordcount {display:block;float:right;margin-top:-2px;margin-right:3px;color:black;} |
||||||
|
|
||||||
|
.cke_wordcountLimitReached span {color:red! important} |
||||||
@ -0,0 +1,12 @@ |
|||||||
|
/* |
||||||
|
Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved. |
||||||
|
For licensing, see LICENSE.html or http://ckeditor.com/license
|
||||||
|
@author translation: Davide Montorio |
||||||
|
*/ |
||||||
|
CKEDITOR.plugins.setLang('wordcount', 'it', { |
||||||
|
WordCount: 'Parole:', |
||||||
|
CharCount: 'Caratteri:', |
||||||
|
CharCountWithHTML: 'Caratteri (HTML incluso):', |
||||||
|
limit: 'Limite:', |
||||||
|
title: 'Statistiche' |
||||||
|
}); |
||||||
@ -0,0 +1,11 @@ |
|||||||
|
/* |
||||||
|
Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved. |
||||||
|
For licensing, see LICENSE.html or http://ckeditor.com/license
|
||||||
|
*/ |
||||||
|
CKEDITOR.plugins.setLang('wordcount', 'pl', { |
||||||
|
WordCount: 'Słów:', |
||||||
|
CharCount: 'Znaków:', |
||||||
|
CharCountWithHTML: 'Znaków (wraz z kodem HTML):', |
||||||
|
limit: 'Limit:', |
||||||
|
title: 'Statystyka' |
||||||
|
}); |
||||||
@ -0,0 +1,211 @@ |
|||||||
|
/** |
||||||
|
* @license Copyright (c) CKSource - Frederico Knabben. All rights reserved. |
||||||
|
* For licensing, see LICENSE.html or http://ckeditor.com/license
|
||||||
|
*/ |
||||||
|
|
||||||
|
CKEDITOR.plugins.add('wordcount', { |
||||||
|
lang: ['ca', 'de', 'en', 'es', 'fr', 'it', 'jp', 'no', 'pl', 'pt-BR'], |
||||||
|
version : 1.08, |
||||||
|
init: function (editor) { |
||||||
|
if (editor.elementMode === CKEDITOR.ELEMENT_MODE_INLINE) { |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
var defaultFormat = '<span class="cke_path_item">', |
||||||
|
intervalId, |
||||||
|
lastWordCount, |
||||||
|
lastCharCount = 0, |
||||||
|
limitReachedNotified = false, |
||||||
|
limitRestoredNotified = false; |
||||||
|
|
||||||
|
// Default Config
|
||||||
|
var defaultConfig = { |
||||||
|
showWordCount: true, |
||||||
|
showCharCount: false, |
||||||
|
charLimit: 'unlimited', |
||||||
|
wordLimit: 'unlimited', |
||||||
|
countHTML: false |
||||||
|
}; |
||||||
|
|
||||||
|
// Get Config & Lang
|
||||||
|
var config = CKEDITOR.tools.extend(defaultConfig, editor.config.wordcount || {}, true); |
||||||
|
|
||||||
|
if (config.showCharCount) { |
||||||
|
var charLabel = editor.lang.wordcount[config.countHTML ? 'CharCountWithHTML' : 'CharCount']; |
||||||
|
|
||||||
|
defaultFormat += charLabel + ' %charCount%'; |
||||||
|
|
||||||
|
if (config.charLimit != 'unlimited') { |
||||||
|
defaultFormat += ' (' + editor.lang.wordcount.limit + ' ' + config.charLimit + ')'; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
if (config.showCharCount && config.showWordCount) { |
||||||
|
defaultFormat += ', '; |
||||||
|
} |
||||||
|
|
||||||
|
if (config.showWordCount) { |
||||||
|
defaultFormat += editor.lang.wordcount.WordCount + ' %wordCount%'; |
||||||
|
|
||||||
|
if (config.wordLimit != 'unlimited') { |
||||||
|
defaultFormat += ' (' + editor.lang.wordcount.limit + ' ' + config.wordLimit + ')'; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
defaultFormat += '</span>'; |
||||||
|
|
||||||
|
var format = defaultFormat; |
||||||
|
|
||||||
|
CKEDITOR.document.appendStyleSheet(this.path + 'css/wordcount.css'); |
||||||
|
|
||||||
|
function counterId(editorInstance) { |
||||||
|
return 'cke_wordcount_' + editorInstance.name; |
||||||
|
} |
||||||
|
|
||||||
|
function counterElement(editorInstance) { |
||||||
|
return document.getElementById(counterId(editorInstance)); |
||||||
|
} |
||||||
|
|
||||||
|
function strip(html) { |
||||||
|
var tmp = document.createElement("div"); |
||||||
|
tmp.innerHTML = html; |
||||||
|
|
||||||
|
if (tmp.textContent == '' && typeof tmp.innerText == 'undefined') { |
||||||
|
return '0'; |
||||||
|
} |
||||||
|
return tmp.textContent || tmp.innerText; |
||||||
|
} |
||||||
|
|
||||||
|
function updateCounter(editorInstance) { |
||||||
|
var wordCount = 0, |
||||||
|
charCount = 0, |
||||||
|
normalizedText, |
||||||
|
text; |
||||||
|
|
||||||
|
if (text = editorInstance.getData()) { |
||||||
|
if (config.showCharCount) { |
||||||
|
if (config.countHTML) { |
||||||
|
charCount = text.length; |
||||||
|
} else { |
||||||
|
normalizedText = text. |
||||||
|
replace(/(\r\n|\n|\r)/gm, ""). |
||||||
|
replace(/^\s+|\s+$/g, ""). |
||||||
|
replace(" ", ""). |
||||||
|
replace(" ", ""); |
||||||
|
normalizedText = strip(normalizedText); |
||||||
|
|
||||||
|
charCount = normalizedText.length; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
if (config.showWordCount) { |
||||||
|
normalizedText = text. |
||||||
|
replace(/(\r\n|\n|\r)/gm, " "). |
||||||
|
replace(/^\s+|\s+$/g, ""). |
||||||
|
replace(" ", " "); |
||||||
|
|
||||||
|
normalizedText = strip(normalizedText); |
||||||
|
|
||||||
|
wordCount = normalizedText.split(/\s+/).length; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
var html = format.replace('%wordCount%', wordCount).replace('%charCount%', charCount); |
||||||
|
|
||||||
|
counterElement(editorInstance).innerHTML = html; |
||||||
|
|
||||||
|
if (charCount == lastCharCount) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
|
||||||
|
lastWordCount = wordCount; |
||||||
|
lastCharCount = charCount; |
||||||
|
|
||||||
|
// Check for word limit
|
||||||
|
if (config.showWordCount && wordCount > config.wordLimit) { |
||||||
|
limitReached(editor, limitReachedNotified); |
||||||
|
} else if (config.showWordCount && wordCount == config.wordLimit) { |
||||||
|
// create snapshot to make sure only the content after the limit gets deleted
|
||||||
|
editorInstance.fire('saveSnapshot'); |
||||||
|
} else if (!limitRestoredNotified && wordCount < config.wordLimit) { |
||||||
|
limitRestored(editor); |
||||||
|
} |
||||||
|
|
||||||
|
// Check for char limit
|
||||||
|
if (config.showCharCount && charCount > config.charLimit) { |
||||||
|
limitReached(editor, limitReachedNotified); |
||||||
|
} else if (config.showCharCount && charCount == config.charLimit) { |
||||||
|
// create snapshot to make sure only the content after the limit gets deleted
|
||||||
|
editorInstance.fire('saveSnapshot'); |
||||||
|
} else if (!limitRestoredNotified && charCount < config.charLimit) { |
||||||
|
limitRestored(editor); |
||||||
|
} |
||||||
|
|
||||||
|
return true; |
||||||
|
} |
||||||
|
|
||||||
|
function limitReached(editorInstance, notify) { |
||||||
|
limitReachedNotified = true; |
||||||
|
limitRestoredNotified = false; |
||||||
|
|
||||||
|
editorInstance.execCommand('undo'); |
||||||
|
|
||||||
|
if (!notify) { |
||||||
|
//counterElement(editorInstance).className = "cke_wordcount cke_wordcountLimitReached";
|
||||||
|
|
||||||
|
editorInstance.fire('limitReached', {}, editor); |
||||||
|
} |
||||||
|
|
||||||
|
// lock editor
|
||||||
|
editorInstance.config.Locked = 1; |
||||||
|
} |
||||||
|
|
||||||
|
function limitRestored(editorInstance) { |
||||||
|
|
||||||
|
limitRestoredNotified = true; |
||||||
|
limitReachedNotified = false; |
||||||
|
editorInstance.config.Locked = 0; |
||||||
|
|
||||||
|
counterElement(editorInstance).className = "cke_wordcount"; |
||||||
|
} |
||||||
|
|
||||||
|
editor.on('key', function (event) { |
||||||
|
|
||||||
|
updateCounter(event.editor); |
||||||
|
}, editor, null, 100); |
||||||
|
|
||||||
|
editor.on('uiSpace', function (event) { |
||||||
|
if (event.data.space == 'bottom') { |
||||||
|
event.data.html += '<div id="' + counterId(event.editor) + '" class="cke_wordcount" style=""' + ' title="' + editor.lang.wordcount.title + '"' + '> </div>'; |
||||||
|
} |
||||||
|
}, editor, null, 100); |
||||||
|
editor.on('dataReady', function (event) { |
||||||
|
updateCounter(event.editor); |
||||||
|
}, editor, null, 100); |
||||||
|
/*editor.on('change', function (event) { |
||||||
|
|
||||||
|
updateCounter(event.editor); |
||||||
|
}, editor, null, 100);*/ |
||||||
|
|
||||||
|
editor.on('afterPaste', function (event) { |
||||||
|
updateCounter(event.editor); |
||||||
|
}, editor, null, 100); |
||||||
|
/*editor.on('focus', function (event) { |
||||||
|
editorHasFocus = true; |
||||||
|
intervalId = window.setInterval(function () { |
||||||
|
updateCounter(editor); |
||||||
|
}, 300, event.editor); |
||||||
|
}, editor, null, 300);*/ |
||||||
|
editor.on('blur', function () { |
||||||
|
if (intervalId) { |
||||||
|
window.clearInterval(intervalId); |
||||||
|
} |
||||||
|
}, editor, null, 300); |
||||||
|
|
||||||
|
if (!String.prototype.trim) { |
||||||
|
String.prototype.trim = function () { |
||||||
|
return this.replace(/^\s+|\s+$/g, ''); |
||||||
|
}; |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,24 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'de', { |
||||||
|
button : 'YouTube Video einbinden', |
||||||
|
title : 'YouTube Video einbinden', |
||||||
|
txtEmbed : 'Embed Code hier einfügen', |
||||||
|
txtUrl : 'YouTube Video URL hier einfügen', |
||||||
|
txtWidth : 'Breite', |
||||||
|
txtHeight : 'Höhe', |
||||||
|
chkRelated : 'Vorschläge am Ende des Videos einblenden', |
||||||
|
txtStartAt : 'Start bei Position (ss oder mm:ss oder hh:mm:ss)', |
||||||
|
chkPrivacy : 'Erweiterten Datenschutzmodus aktivieren', |
||||||
|
chkOlderCode : 'Benutze alten Embed Code', |
||||||
|
chkAutoplay : 'Autoplay', |
||||||
|
chkControls : 'Player-Steuerelemente anzeigen', |
||||||
|
noCode : 'Sie müssen einen Embed Code oder URL angeben', |
||||||
|
invalidEmbed : 'Der angegebene Embed Code scheint nicht gültig zu sein.', |
||||||
|
invalidUrl : 'Die angegebene URL scheint nicht gültig zu sein.', |
||||||
|
or : 'oder', |
||||||
|
noWidth : 'Geben Sie eine Breite an', |
||||||
|
invalidWidth : 'Geben Sie eine gültige Breite an', |
||||||
|
noHeight : 'Geben Sie eine Höhe an', |
||||||
|
invalidHeight : 'Geben Sie eine gültige Höhe an', |
||||||
|
invalidTime : 'Geben Sie eine gültige Startzeit an', |
||||||
|
txtResponsive : 'Automatische Größe (ignoriert Breite und Höhe)' |
||||||
|
}); |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'en', { |
||||||
|
button : 'Embed YouTube Video', |
||||||
|
title : 'Embed YouTube Video', |
||||||
|
txtEmbed : 'Paste Embed Code Here', |
||||||
|
txtUrl : 'Paste YouTube Video URL', |
||||||
|
txtWidth : 'Width', |
||||||
|
txtHeight : 'Height', |
||||||
|
chkRelated : 'Show suggested videos at the video\'s end', |
||||||
|
txtStartAt : 'Start at (ss or mm:ss or hh:mm:ss)', |
||||||
|
chkPrivacy : 'Enable privacy-enhanced mode', |
||||||
|
chkOlderCode : 'Use old embed code', |
||||||
|
chkAutoplay: 'Autoplay', |
||||||
|
chkControls: 'Show player controls', |
||||||
|
noCode : 'You must input an embed code or URL', |
||||||
|
invalidEmbed : 'The embed code you\'ve entered doesn\'t appear to be valid', |
||||||
|
invalidUrl : 'The URL you\'ve entered doesn\'t appear to be valid', |
||||||
|
or : 'or', |
||||||
|
noWidth : 'You must inform the width', |
||||||
|
invalidWidth : 'Inform a valid width', |
||||||
|
noHeight : 'You must inform the height', |
||||||
|
invalidHeight : 'Inform a valid height', |
||||||
|
invalidTime : 'Inform a valid start time', |
||||||
|
txtResponsive : 'Make Responsive (ignore width and height, fit to width)', |
||||||
|
txtNoEmbed : 'Video image and link only' |
||||||
|
}); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'es', { |
||||||
|
button : 'Embed YouTube video', |
||||||
|
title : 'Embed YouTube video', |
||||||
|
txtEmbed : 'Pegar el código embed', |
||||||
|
txtUrl : 'Pegar la URL al video de Youtube', |
||||||
|
txtWidth : 'Anchura', |
||||||
|
txtHeight : 'Altura', |
||||||
|
chkRelated : 'Mostrar videos sugeridos al final de este video', |
||||||
|
txtStartAt : 'Comenzar en (ss or mm:ss or hh:mm:ss)', |
||||||
|
chkPrivacy : 'Habilitar el modo privacy-enhanced', |
||||||
|
chkOlderCode : 'Usar código embed viejo', |
||||||
|
chkAutoplay: 'Autoplay', |
||||||
|
chkControls: 'Mostrar controles del reproductor', |
||||||
|
noCode : 'Debes de introducir un código embed o URL', |
||||||
|
invalidEmbed : 'El código embed introducido parece no ser valido', |
||||||
|
invalidUrl : 'La URL introducida parece no ser valida', |
||||||
|
or : 'o', |
||||||
|
noWidth : 'Debes de dar la anchura', |
||||||
|
invalidWidth : 'Da una anchura valida', |
||||||
|
noHeight : 'Debes dar una altura valida', |
||||||
|
invalidHeight : 'Da una altura valida', |
||||||
|
invalidTime : 'Da un tiempo de valido', |
||||||
|
txtResponsive : 'Hacer responsivo (ignorar anchura y altura, ajustar a la anchura)' |
||||||
|
}); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'et', { |
||||||
|
button : 'Lisa YouTube video', |
||||||
|
title : 'YouTube video lisamine', |
||||||
|
txtEmbed : 'Kleepige manustatud kood siia', |
||||||
|
txtUrl : 'Kleepige YouTube video veebiaadress', |
||||||
|
txtWidth : 'Laius', |
||||||
|
txtHeight : 'Kõrgus', |
||||||
|
chkRelated : 'Näita soovitatud videosi antud video lõppus', |
||||||
|
txtStartAt : 'Alguskoht: (ss või mm:ss või hh:mm:ss)', |
||||||
|
chkPrivacy : 'Aktiveerige privaatsust täiendav režiim', |
||||||
|
chkOlderCode : 'Kasutage vana manuskoodi', |
||||||
|
chkAutoplay: 'Automaatesitlus', |
||||||
|
chkControls : 'Kuva pleieri nupud', |
||||||
|
noCode : 'Te peate sisestama video manuskoodi või veebiaadressi', |
||||||
|
invalidEmbed : 'Manuskood mille sisestasite ei paista olevat korrektne', |
||||||
|
invalidUrl : 'Veebiaadress mille sisestasite ei paista olevat korrektne', |
||||||
|
or : 'või', |
||||||
|
noWidth : 'Te peate sisestama video laiuse', |
||||||
|
invalidWidth : 'Sisestage korrektne laius', |
||||||
|
noHeight : 'Te peate sisestama video kõrguse', |
||||||
|
invalidHeight : 'Sisestage korrektne kõrgus', |
||||||
|
invalidTime : 'Sisestage korrektne algusaeg', |
||||||
|
txtResponsive : 'Aktiveerige ekraani laiusega ühilduv režiim' |
||||||
|
}); |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'eu', { |
||||||
|
button : 'Kapsulatu YouTube-ko bideoa', |
||||||
|
title : 'Kapsulatu YouTube-ko bideoa', |
||||||
|
txtEmbed : 'Itsatsi kapsulatzeko kodea hemen', |
||||||
|
txtUrl : 'Itsatsi YouTube-ko bideoaren URLa', |
||||||
|
txtWidth : 'Zabalera', |
||||||
|
txtHeight : 'Altuera', |
||||||
|
chkRelated : 'Erakutsi gomendatutako bideoak amaieran', |
||||||
|
txtStartAt : 'Hasi hemendik (ss edo mm:ss edo hh:mm:ss)', |
||||||
|
chkPrivacy : 'Gaitu pribatutasun hobetuko modua', |
||||||
|
chkOlderCode : 'Erabili kapsulatzeko kode zaharra', |
||||||
|
chkAutoplay: 'Erreproduzitu automatikoki', |
||||||
|
chkControls: 'Erakutsi erreproduzigailuaren kontrolak', |
||||||
|
noCode : 'Kapsulatzeko kode bat edo URL bat sartu behar duzu', |
||||||
|
invalidEmbed : 'Sartu duzun kapsulatzeko kodea ez da baliozkoa', |
||||||
|
invalidUrl : 'Sartu duzun URLa ez da baliozkoa', |
||||||
|
or : 'edo', |
||||||
|
noWidth : 'Zabalera sartu behar duzu', |
||||||
|
invalidWidth : 'Sartu baliozko zabalera bat', |
||||||
|
noHeight : 'Altuera sartu behar duzu', |
||||||
|
invalidHeight : 'Sartu baliozko altuera bat', |
||||||
|
invalidTime : 'Sartu baliozko hasierako denbora bat', |
||||||
|
txtResponsive : 'Egin moldagarria (ez ikusia egin zabalera eta altuerari, zabalerara doitu)', |
||||||
|
txtNoEmbed : 'Bideoaren irudia eta esteka soilik' |
||||||
|
}); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'fi', { |
||||||
|
button : 'Upota YouTube-video', |
||||||
|
title : 'Upota YouTube-video', |
||||||
|
txtEmbed : 'Syötä YouTube-videon upotuskoodi', |
||||||
|
txtUrl : 'Syötä YouTube-videon www-osoite', |
||||||
|
txtWidth : 'Leveys', |
||||||
|
txtHeight : 'Korkeus', |
||||||
|
chkRelated : 'Näytä suositukset lopussa', |
||||||
|
txtStartAt : 'Aloitusaika (ss tai mm:ss tai tt:mm:ss)', |
||||||
|
chkPrivacy : 'Aktivoi yksityisyyttä parantava tila', |
||||||
|
chkOlderCode : 'Käytä vanhaa upotuskoodia', |
||||||
|
chkAutoplay: 'Soita automaattisesti', |
||||||
|
chkControls : 'Näytä soittimen ohjaimet', |
||||||
|
noCode : 'Sinun täytyy syötää upotuskoodi tai www-osoite', |
||||||
|
invalidEmbed : 'Upotuskoodi on virheellinen', |
||||||
|
invalidUrl : 'Www-osoite on virheellinen', |
||||||
|
or : 'tai', |
||||||
|
noWidth : 'Syötä leveys', |
||||||
|
invalidWidth : 'Leveys on virheellinen', |
||||||
|
noHeight : 'Syötä korkeus', |
||||||
|
invalidHeight : 'Korkeus on virheellinen', |
||||||
|
invalidTime : 'Aloitusaika on virheellinen', |
||||||
|
txtResponsive : 'Responsiivinen leveys (sovita leveys)' |
||||||
|
}); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'fr', { |
||||||
|
button : 'Insérer une vidéo Youtube', |
||||||
|
title : 'Insérer une vidéo youtube', |
||||||
|
txtEmbed : 'Coller le code embed ici', |
||||||
|
txtUrl : 'Coller l\'url de la vidéo ici', |
||||||
|
txtWidth : 'Largeur', |
||||||
|
txtHeight : 'Hauteur', |
||||||
|
chkRelated : 'Montrer les suggestions de vidéo à la fin', |
||||||
|
txtStartAt : 'Commencer à (ss ou mm:ss ou hh:mm:ss)', |
||||||
|
chkPrivacy : 'Activer la protection de la vie privée', |
||||||
|
chkOlderCode : 'Utiliser l\'ancien code embed', |
||||||
|
chkAutoplay : 'Autoplay', |
||||||
|
chkControls : 'Afficher les commandes du lecteur', |
||||||
|
noCode : 'Vous devez entrer un code embed ou une url', |
||||||
|
invalidEmbed : 'Le code embed est invalide', |
||||||
|
invalidUrl : 'L\'url est invalide', |
||||||
|
or : 'ou', |
||||||
|
noWidth : 'Vous devez saisir une largeur', |
||||||
|
invalidWidth : 'La largeur saisie est invalide', |
||||||
|
noHeight : 'Vous devez saisir une hauteur', |
||||||
|
invalidHeight : 'La hauteur saisie est invalide', |
||||||
|
invalidTime : 'Le temps de départ de la vidéo est invalide', |
||||||
|
txtResponsive : 'Responsive video' |
||||||
|
}); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'hu', { |
||||||
|
button : 'Youtube videó beillesztése', |
||||||
|
title : 'Youtube videó beillesztése', |
||||||
|
txtEmbed : 'Illessze be a beágyazott kódot', |
||||||
|
txtUrl : 'Illessze be a Youtube videó URL-jét', |
||||||
|
txtWidth : 'Szélesség', |
||||||
|
txtHeight : 'Magasság', |
||||||
|
txtStartAt : 'Kezdő időpont (ss vagy mm:ss vagy hh:mm:ss)', |
||||||
|
chkRelated : 'Ajánlott videók megjelenítése, amikor a videó befejeződik', |
||||||
|
chkPrivacy : 'Fokozott adatvédelmi mód engedélyezése', |
||||||
|
chkOlderCode : 'Régi beágyazott kód használata', |
||||||
|
chkAutoplay : 'Automatikus lejátszás', |
||||||
|
chkControls : 'Lejátszásvezérlők mutatása', |
||||||
|
noCode : 'A beágyazott kód, vagy az URL megadása kötelező', |
||||||
|
invalidEmbed : 'A beágyazott kód érvénytelen', |
||||||
|
invalidUrl : 'A megadott URL érvénytelen', |
||||||
|
or : 'vagy', |
||||||
|
noWidth : 'A szélesség megadása kötelező', |
||||||
|
invalidWidth : 'Érvényes szélességet adjon meg', |
||||||
|
noHeight : 'A magasság megadása kötelező', |
||||||
|
invalidHeight : 'Érvényes magasságot adjon meg', |
||||||
|
invalidTime : 'Érvényes kezdő időpontot adjon meg', |
||||||
|
txtResponsive : 'Responsive video' |
||||||
|
}); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'it', { |
||||||
|
button : 'Incorpora video Youtube', |
||||||
|
title : 'Incorpora video Youtube', |
||||||
|
txtEmbed : 'Incolla qui il codice di incorporamento', |
||||||
|
txtUrl : 'Incolla l\'URL del video Youtube', |
||||||
|
txtWidth : 'Larghezza', |
||||||
|
txtHeight : 'Altezza', |
||||||
|
chkRelated : 'Mostra i video suggeriti dopo il video', |
||||||
|
txtStartAt : 'Inizia a (ss o mm:ss o hh:mm:ss)', |
||||||
|
chkPrivacy : 'Abilita la protezione della privacy', |
||||||
|
chkOlderCode : 'Usa il vecchio codice di incorporamento', |
||||||
|
chkAutoplay : 'Autoplay', |
||||||
|
chkControls : 'Mostra i controlli del player', |
||||||
|
noCode : 'Devi inserire un codice di incorporamento o un URL', |
||||||
|
invalidEmbed : 'Il codice di incorporamento inserito non sembra valido', |
||||||
|
invalidUrl : 'L\'URL inserito non sembra valido', |
||||||
|
or : 'o', |
||||||
|
noWidth : 'Devi indicare la larghezza', |
||||||
|
invalidWidth : 'Indica una larghezza valida', |
||||||
|
noHeight : 'Devi indicare l\'altezza', |
||||||
|
invalidHeight : 'Indica un\'altezza valida', |
||||||
|
invalidTime : 'Indica un tempo di inizio valido', |
||||||
|
txtResponsive : 'Responsive video' |
||||||
|
}); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'ja', { |
||||||
|
button : 'Youtube動画埋め込み', |
||||||
|
title : 'Youtube動画埋め込み', |
||||||
|
txtEmbed : '埋め込みコードを貼り付けてください', |
||||||
|
txtUrl : 'URLを貼り付けてください', |
||||||
|
txtWidth : '幅', |
||||||
|
txtHeight : '高さ', |
||||||
|
chkRelated : '動画が終わったら関連動画を表示する', |
||||||
|
txtStartAt : '開始時間（秒）', |
||||||
|
chkPrivacy : 'プライバシー強化モードを有効にする', |
||||||
|
chkOlderCode : '以前の埋め込みコードを使用する', |
||||||
|
chkAutoplay : '自動再生', |
||||||
|
chkControls: 'プレーヤーのコントロールを表示する', |
||||||
|
noCode : '埋め込みコードまたはURLを入力してください', |
||||||
|
invalidEmbed : '不適切な埋め込みコードが入力されました', |
||||||
|
invalidUrl : '不適切なURLが入力されました', |
||||||
|
or : 'または', |
||||||
|
noWidth : '幅を指定してください', |
||||||
|
invalidWidth : '幅指定に誤りがあります', |
||||||
|
noHeight : '高さを指定してください', |
||||||
|
invalidHeight : '高さ指定に誤りがあります', |
||||||
|
invalidTime : '開始時間を正の整数で入力してください', |
||||||
|
txtResponsive : 'レスポンシブ表示' |
||||||
|
}); |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'ko', { |
||||||
|
button : '유투브 비디오 삽입', |
||||||
|
title : '유투브 비디오 삽입', |
||||||
|
txtEmbed : '여기 embed 코드를 붙여넣으세요', |
||||||
|
txtUrl : '유투브 주소(URL)를 붙여넣으세요', |
||||||
|
txtWidth : '너비', |
||||||
|
txtHeight : '높이', |
||||||
|
chkRelated : '비디오 마지막에 추천 영상 보이기', |
||||||
|
txtStartAt : '시작 시점 (ss 또는 mm:ss 또는 hh:mm:ss)', |
||||||
|
chkPrivacy : '개인정보 보호 모드 활성화', |
||||||
|
chkOlderCode : '옛날 embed 코드 사용', |
||||||
|
chkAutoplay: '자동 재생', |
||||||
|
chkControls: '플레이어 컨트롤 표시', |
||||||
|
noCode : 'embed 코드 또는 URL을 입력해야 합니다', |
||||||
|
invalidEmbed : '입력하신 embed 코드가 유효하지 않습니다', |
||||||
|
invalidUrl : '입력하신 주소(URL)가 유효하지 않습니다', |
||||||
|
or : '또는', |
||||||
|
noWidth : '너비를 알려주세요', |
||||||
|
invalidWidth : '너비가 유효하지 않습니다', |
||||||
|
noHeight : '높이를 알려주세요', |
||||||
|
invalidHeight : '높이가 유효하지 않습니다', |
||||||
|
invalidTime : '시작 시점이 유효하지 않습니다', |
||||||
|
txtResponsive : '반응형 너비 (입력한 너비와 높이를 무시하고 창 너비에 맞춤)', |
||||||
|
txtNoEmbed : '비디오 이미지와 링크만 달기' |
||||||
|
}); |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'nl', { |
||||||
|
button : 'Youtube video insluiten', |
||||||
|
title : 'Youtube video insluiten', |
||||||
|
txtEmbed : 'Plak embedcode hier', |
||||||
|
txtUrl : 'Plak video URL', |
||||||
|
txtWidth : 'Breedte', |
||||||
|
txtHeight : 'Hoogte', |
||||||
|
chkRelated : 'Toon gesuggereerde video aan het einde van de video', |
||||||
|
txtStartAt : 'Starten op (ss of mm:ss of hh:mm:ss)', |
||||||
|
chkPrivacy : 'Privacy-enhanced mode inschakelen', |
||||||
|
chkOlderCode : 'Gebruik oude embedcode', |
||||||
|
chkAutoplay: 'Automatisch starten', |
||||||
|
chkControls: 'Afspeelbediening weergeven', |
||||||
|
noCode : 'U moet een embedcode of url ingeven', |
||||||
|
invalidEmbed : 'De ingegeven embedcode lijkt niet geldig', |
||||||
|
invalidUrl : 'De ingegeven url lijkt niet geldig', |
||||||
|
or : 'of', |
||||||
|
noWidth : 'U moet een breedte ingeven', |
||||||
|
invalidWidth : 'U moet een geldige breedte ingeven', |
||||||
|
noHeight : 'U moet een hoogte ingeven', |
||||||
|
invalidHeight : 'U moet een geldige starttijd ingeven', |
||||||
|
invalidTime : 'Inform a valid start time', |
||||||
|
txtResponsive : 'Responsive video', |
||||||
|
txtNoEmbed : 'Alleen video afbeelding en link' |
||||||
|
}); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'pl', { |
||||||
|
button : 'Załącznik wideo z YouTube', |
||||||
|
title : 'Załącznik wideo z YouTube', |
||||||
|
txtEmbed : 'Wklej kod do umieszczenia', |
||||||
|
txtUrl : 'Wklej adres URL do wideo z YouTube', |
||||||
|
txtWidth : 'Szerokość', |
||||||
|
txtHeight : 'Wysokość', |
||||||
|
chkRelated : 'Pokaż sugerowane filmy po zakończeniu odtwarzania', |
||||||
|
txtStartAt : 'Rozpocznij od (ss lub mm:ss lub gg:mm:ss)', |
||||||
|
chkPrivacy : 'Włącz rozszerzony tryb prywatności', |
||||||
|
chkOlderCode : 'Użyj starego kodu', |
||||||
|
chkAutoplay: 'Autoodtwarzanie', |
||||||
|
chkControls: 'Pokaż elementy sterujące odtwarzacza', |
||||||
|
noCode : 'Musisz wprowadzić kod lub adres URL', |
||||||
|
invalidEmbed : 'Wprowadzony kod nie jest poprawny', |
||||||
|
invalidUrl : 'Wprowadzony adres URL nie jest poprawny', |
||||||
|
or : 'lub', |
||||||
|
noWidth : 'Musisz wpisać szerokość', |
||||||
|
invalidWidth : 'Wprowadzona szerokość nie jest poprawna', |
||||||
|
noHeight : 'Musisz wprowadzić wysokość', |
||||||
|
invalidHeight : 'Wprowadzona wysokość nie jest poprawna', |
||||||
|
invalidTime : 'Musisz wprowadzić poprawny czas rozpoczęcia', |
||||||
|
txtResponsive : 'El. responsywny (ignoruj szerokość i wysokość, dopasuj do szerokości)' |
||||||
|
}); |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'pt-br', { |
||||||
|
button : 'Inserir Vídeo do Youtube', |
||||||
|
title : 'Inserir Vídeo do Youtube', |
||||||
|
txtEmbed : 'Cole aqui o código embed de um vídeo do Youtube', |
||||||
|
txtUrl : 'Cole aqui uma URL de um vídeo do Youtube', |
||||||
|
txtWidth : 'Largura', |
||||||
|
txtHeight : 'Altura', |
||||||
|
chkRelated : 'Mostrar vídeos sugeridos ao final do vídeo', |
||||||
|
txtStartAt : 'Iniciar em (ss ou mm:ss ou hh:mm:ss)', |
||||||
|
chkPrivacy : 'Ativar o modo de privacidade aprimorada', |
||||||
|
chkOlderCode : 'Usar código de incorporação antigo', |
||||||
|
chkAutoplay : 'Reproduzir automaticamente', |
||||||
|
chkControls: 'Mostrar controles do player', |
||||||
|
noCode : 'Você precisa informar um código embed ou uma URL', |
||||||
|
invalidEmbed : 'O código informado não parece ser válido', |
||||||
|
invalidUrl : 'A URL informada não parece ser válida', |
||||||
|
or : 'ou', |
||||||
|
noWidth : 'Você deve informar a largura do vídeo', |
||||||
|
invalidWidth : 'Informe uma largura válida', |
||||||
|
noHeight : 'Você deve informar a altura do vídeo', |
||||||
|
invalidHeight : 'Informe uma altura válida', |
||||||
|
invalidTime : 'O tempo informado é inválido', |
||||||
|
txtResponsive : 'Vídeo responsivo', |
||||||
|
txtNoEmbed : 'Somente imagem e link para o vídeo' |
||||||
|
}); |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'pt', { |
||||||
|
button : 'Inserir Vídeo do Youtube', |
||||||
|
title : 'Inserir Vídeo do Youtube', |
||||||
|
txtEmbed : 'Cole aqui o código embed de um vídeo do Youtube', |
||||||
|
txtUrl : 'Cole aqui uma URL de um vídeo do Youtube', |
||||||
|
txtWidth : 'Largura', |
||||||
|
txtHeight : 'Altura', |
||||||
|
chkRelated : 'Mostrar vídeos sugeridos quando o vídeo terminar', |
||||||
|
txtStartAt : 'Iniciar em (ss ou mm:ss ou hh:mm:ss)', |
||||||
|
chkPrivacy : 'Ativar o modo de privacidade otimizada', |
||||||
|
chkOlderCode : 'Usar código de incorporação antigo', |
||||||
|
chkAutoplay : 'Reproduzir automaticamente', |
||||||
|
chkControls: 'Mostrar controles do player', |
||||||
|
noCode : 'Você precisa informar um código embed ou uma URL', |
||||||
|
invalidEmbed : 'O código informado não parece ser válido', |
||||||
|
invalidUrl : 'A URL informada não parece ser válida', |
||||||
|
or : 'ou', |
||||||
|
noWidth : 'Você deve informar a largura do vídeo', |
||||||
|
invalidWidth : 'Informe uma largura válida', |
||||||
|
noHeight : 'Você deve informar a altura do vídeo', |
||||||
|
invalidHeight : 'Informe uma altura válida', |
||||||
|
invalidTime : 'O tempo informado é inválido', |
||||||
|
txtResponsive : 'Vídeo responsivo', |
||||||
|
txtNoEmbed : 'Somente imagem e link para o vídeo' |
||||||
|
}); |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'ru', { |
||||||
|
button : 'Вставить YouTube видео', |
||||||
|
title : 'Вставить YouTube видео', |
||||||
|
txtEmbed : 'Вставьте HTML-код сюда', |
||||||
|
txtUrl : 'Вставьте адрес видео (URL)', |
||||||
|
txtWidth : 'Ширина', |
||||||
|
txtHeight : 'Высота', |
||||||
|
chkRelated : 'Показать похожие видео после завершения просмотра', |
||||||
|
txtStartAt : 'Начать с (сс или мм:сс или чч:мм:сс)', |
||||||
|
chkPrivacy : 'Включить режим повышенной конфиденциальности', |
||||||
|
chkOlderCode : 'Использовать старый код вставки', |
||||||
|
chkAutoplay: 'Автозапуск', |
||||||
|
chkControls: 'Показать панель управления', |
||||||
|
noCode : 'Вы должны ввести HTML-код или адрес', |
||||||
|
invalidEmbed : 'Ваш HTML-код не похож на правильный', |
||||||
|
invalidUrl : 'Ваш адрес видео не похож на правильный', |
||||||
|
or : 'или', |
||||||
|
noWidth : 'Вы должны указать ширину', |
||||||
|
invalidWidth : 'Укажите правильную ширину', |
||||||
|
noHeight : 'Вы должны указать высоту', |
||||||
|
invalidHeight : 'Укажите правильную высоту', |
||||||
|
invalidTime : 'Укажите правильное время начала', |
||||||
|
txtResponsive : 'Растягиваемое видео', |
||||||
|
txtNoEmbed : 'Не встраивать видео (обложка-ссылка на YouTube)' |
||||||
|
}); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'tr', { |
||||||
|
button : 'Youtube Video Gömün (Embed)', |
||||||
|
title : 'Youtube Video', |
||||||
|
txtEmbed : 'Youtube gömülü kodu (embed) buraya yapıştırınız', |
||||||
|
txtUrl : 'Youtube linkinizi buraya yapıştırınız', |
||||||
|
txtWidth : 'Genişlik', |
||||||
|
txtHeight : 'Yükseklik', |
||||||
|
chkRelated : 'Önerilen videoları video bitiminde göster', |
||||||
|
txtStartAt : 'Video başlangıç anı (ss ya da dd:ss ya da ss:dd:ss)', |
||||||
|
chkPrivacy : 'Gizlilik modunu etkinleştir', |
||||||
|
chkOlderCode : 'Eski gömülü kodu (embed) kullan', |
||||||
|
chkAutoplay: 'Otomatik', |
||||||
|
chkControls: 'Oynatıcı kontrollerini göster', |
||||||
|
noCode : 'Gömülü kod (embed) veya url yapıştırmak zorundasınız', |
||||||
|
invalidEmbed : 'Verdiğiniz gömülü kod (embed) ile video bulunamadı', |
||||||
|
invalidUrl : 'Verdiğiniz linkte video bulunamadı', |
||||||
|
or : 'ya da', |
||||||
|
noWidth : 'Genişliği belirtmek zorundasınız', |
||||||
|
invalidWidth : 'Bir genişlik belirtin', |
||||||
|
noHeight : 'Yükseliği belirtmek zorundasınız', |
||||||
|
invalidHeight : 'Yükseklik belirtin', |
||||||
|
invalidTime : 'Başlangıç anını doğru girin, örneğin: 13 (13. saniye) ya da 12:25 (12. dakika 25. saniye) ya da 01.25.33 (1 saat 25 dakika 33 saniye)', |
||||||
|
txtResponsive : 'Responsive video' |
||||||
|
}); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'vi', { |
||||||
|
button : 'Embed Youtube Video', |
||||||
|
title : 'Nhúng Video Youtube', |
||||||
|
txtEmbed : 'Dãn mã nhúng Embed vào đây', |
||||||
|
txtUrl : 'Dãn đường dẫn video Youtube', |
||||||
|
txtWidth : 'Rộng', |
||||||
|
txtHeight : 'Cao', |
||||||
|
chkRelated : 'Hiển thị các video được đề xuất khi video kết thúc', |
||||||
|
txtStartAt : 'Bắt đầu (ss hoặc mm:ss hoặc hh:mm:ss)', |
||||||
|
chkPrivacy : 'Kích hoạt chế độ bảo mật nâng cao', |
||||||
|
chkOlderCode : 'Sử dụng mã nhúng cũ', |
||||||
|
chkAutoplay: 'Tự động chạy video', |
||||||
|
chkControls: 'Hiển thị các điều khiển trình phát', |
||||||
|
noCode : 'Bạn phải nhập mã nhúng hoặc URL', |
||||||
|
invalidEmbed : 'Mã nhúng bạn đã nhập không đúng', |
||||||
|
invalidUrl : 'URL bạn đã nhập không đúng', |
||||||
|
or : 'hoặc', |
||||||
|
noWidth : 'Bạn phải chiều rộng', |
||||||
|
invalidWidth : 'Chiều rộng hợp lệ', |
||||||
|
noHeight : 'Bạn phải chiều cao', |
||||||
|
invalidHeight : 'Chiều cao hợp lệ', |
||||||
|
invalidTime : 'Thời gian bắt đầu không đúng', |
||||||
|
txtResponsive : 'Responsive video' |
||||||
|
}); |
||||||
@ -0,0 +1,24 @@ |
|||||||
|
CKEDITOR.plugins.setLang('youtube', 'zh', { |
||||||
|
button: '嵌入 Youtube 影片', |
||||||
|
title: '嵌入 Youtube 影片', |
||||||
|
txtEmbed: '貼上嵌入碼', |
||||||
|
txtUrl: '貼上 Youtube 影片 URL', |
||||||
|
txtWidth: '寬', |
||||||
|
txtHeight: '高', |
||||||
|
txtResponsive: '使用自適應縮放模式 (忽略設定的長寬, 以寬為基準縮放)', |
||||||
|
chkRelated: '影片結束時顯示建議影片', |
||||||
|
txtStartAt: '開始時間 (ss or mm:ss or hh:mm:ss)', |
||||||
|
chkPrivacy: '啟用加強隱私模式', |
||||||
|
chkOlderCode: '使用舊的嵌入碼', |
||||||
|
chkAutoplay: '自動播放', |
||||||
|
chkControls: '显示播放器控件', |
||||||
|
noCode: '必須輸入嵌入碼', |
||||||
|
invalidEmbed: '錯誤的嵌入碼', |
||||||
|
invalidUrl: '錯誤的URL', |
||||||
|
or: '或', |
||||||
|
noWidth: '必須設定寬', |
||||||
|
invalidWidth: '寬設定錯誤', |
||||||
|
noHeight: '必須設定高', |
||||||
|
invalidHeight: '高設定錯誤', |
||||||
|
invalidTime: '開始時間設定錯誤' |
||||||
|
}); |
||||||
@ -0,0 +1,448 @@ |
|||||||
|
/* |
||||||
|
* Youtube Embed Plugin |
||||||
|
* |
||||||
|
* @author Jonnas Fonini <jonnasfonini@gmail.com> |
||||||
|
* @version 2.1.8 |
||||||
|
*/ |
||||||
|
(function () { |
||||||
|
CKEDITOR.plugins.add('youtube', { |
||||||
|
lang: [ 'en', 'pt', 'pt-br', 'ja', 'hu', 'it', 'fr', 'tr', 'ru', 'de', 'ar', 'nl', 'pl', 'vi', 'zh', 'el', 'he', 'es', 'nb', 'nn', 'fi', 'et', 'sk', 'cs', 'ko', 'eu' ], |
||||||
|
init: function (editor) { |
||||||
|
editor.addCommand('youtube', new CKEDITOR.dialogCommand('youtube', { |
||||||
|
allowedContent: 'div{*}(*); iframe{*}[!width,!height,!src,!frameborder,!allowfullscreen]; object param[*]; a[*]; img[*]' |
||||||
|
})); |
||||||
|
|
||||||
|
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, |
||||||
|
disabled = editor.config.youtube_disabled_fields || []; |
||||||
|
|
||||||
|
return { |
||||||
|
title : editor.lang.youtube.title, |
||||||
|
minWidth : 510, |
||||||
|
minHeight : 200, |
||||||
|
onShow: function () { |
||||||
|
for (var i = 0; i < disabled.length; i++) { |
||||||
|
this.getContentElement('youtubePlugin', disabled[i]).disable(); |
||||||
|
} |
||||||
|
}, |
||||||
|
contents : |
||||||
|
[{ |
||||||
|
id : 'youtubePlugin', |
||||||
|
expand : true, |
||||||
|
elements : |
||||||
|
[{ |
||||||
|
id : 'txtEmbed', |
||||||
|
type : 'textarea', |
||||||
|
label : editor.lang.youtube.txtEmbed, |
||||||
|
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 : [ '55%', '45%' ], |
||||||
|
children : |
||||||
|
[ |
||||||
|
{ |
||||||
|
id : 'chkResponsive', |
||||||
|
type : 'checkbox', |
||||||
|
label : editor.lang.youtube.txtResponsive, |
||||||
|
'default' : editor.config.youtube_responsive != null ? editor.config.youtube_responsive : false |
||||||
|
}, |
||||||
|
{ |
||||||
|
id : 'chkNoEmbed', |
||||||
|
type : 'checkbox', |
||||||
|
label : editor.lang.youtube.txtNoEmbed, |
||||||
|
'default' : editor.config.youtube_noembed != null ? editor.config.youtube_noembed : 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 : 'chkControls', |
||||||
|
type : 'checkbox', |
||||||
|
'default' : editor.config.youtube_controls != null ? editor.config.youtube_controls : true, |
||||||
|
label : editor.lang.youtube.chkControls |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
|
], |
||||||
|
onOk: function() |
||||||
|
{ |
||||||
|
var content = ''; |
||||||
|
var responsiveStyle = ''; |
||||||
|
|
||||||
|
if (this.getContentElement('youtubePlugin', 'txtEmbed').isEnabled()) { |
||||||
|
content = this.getValueOf('youtubePlugin', 'txtEmbed'); |
||||||
|
} |
||||||
|
else { |
||||||
|
var url = 'https://', 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'); |
||||||
|
} |
||||||
|
|
||||||
|
if (this.getContentElement('youtubePlugin', 'chkControls').getValue() === false) { |
||||||
|
params.push('controls=0'); |
||||||
|
} |
||||||
|
|
||||||
|
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 |
||||||
|
if (this.getContentElement('youtubePlugin', 'chkNoEmbed').getValue() === true) { |
||||||
|
var imgSrc = '//img.youtube.com/vi/' + video + '/sddefault.jpg'; |
||||||
|
content += '<a href="' + url + '" ><img width="' + width + '" height="' + height + '" src="' + imgSrc + '" ' + responsiveStyle + '/></a>'; |
||||||
|
} |
||||||
|
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) { |
||||||
|
var video = ytVidId(el.getValue()); |
||||||
|
var time = ytVidTime(el.getValue()); |
||||||
|
|
||||||
|
if (el.getValue().length > 0) { |
||||||
|
el.getDialog().getContentElement('youtubePlugin', 'txtEmbed').disable(); |
||||||
|
} |
||||||
|
else { |
||||||
|
el.getDialog().getContentElement('youtubePlugin', 'txtEmbed').enable(); |
||||||
|
} |
||||||
|
|
||||||
|
if (video && time) { |
||||||
|
var seconds = timeParamToSeconds(time); |
||||||
|
var hms = secondsToHms(seconds); |
||||||
|
el.getDialog().getContentElement('youtubePlugin', 'txtStartAt').setValue(hms); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
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; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Matches and returns time param in YouTube Urls. |
||||||
|
*/ |
||||||
|
function ytVidTime(url) { |
||||||
|
var p = /t=([0-9hms]+)/; |
||||||
|
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; |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Converts seconds to hms format |
||||||
|
*/ |
||||||
|
function secondsToHms(seconds) { |
||||||
|
var h = Math.floor(seconds / 3600); |
||||||
|
var m = Math.floor((seconds / 60) % 60); |
||||||
|
var s = seconds % 60; |
||||||
|
|
||||||
|
var pad = function (n) { |
||||||
|
n = String(n); |
||||||
|
return n.length >= 2 ? n : "0" + n; |
||||||
|
}; |
||||||
|
|
||||||
|
if (h > 0) { |
||||||
|
return pad(h) + ':' + pad(m) + ':' + pad(s); |
||||||
|
} |
||||||
|
else { |
||||||
|
return pad(m) + ':' + pad(s); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Converts time in youtube t-param format to seconds |
||||||
|
*/ |
||||||
|
function timeParamToSeconds(param) { |
||||||
|
var componentValue = function (si) { |
||||||
|
var regex = new RegExp('(\\d+)' + si); |
||||||
|
return param.match(regex) ? parseInt(RegExp.$1, 10) : 0; |
||||||
|
}; |
||||||
|
|
||||||
|
return componentValue('h') * 3600 |
||||||
|
+ componentValue('m') * 60 |
||||||
|
+ componentValue('s'); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Converts seconds into youtube t-param value, e.g. 1h4m30s |
||||||
|
*/ |
||||||
|
function secondsToTimeParam(seconds) { |
||||||
|
var h = Math.floor(seconds / 3600); |
||||||
|
var m = Math.floor((seconds / 60) % 60); |
||||||
|
var s = seconds % 60; |
||||||
|
var param = ''; |
||||||
|
|
||||||
|
if (h > 0) { |
||||||
|
param += h + 'h'; |
||||||
|
} |
||||||
|
|
||||||
|
if (m > 0) { |
||||||
|
param += m + 'm'; |
||||||
|
} |
||||||
|
|
||||||
|
if (s > 0) { |
||||||
|
param += s + 's'; |
||||||
|
} |
||||||
|
|
||||||
|
return param; |
||||||
|
} |
||||||
|
Loading…
Reference in new issue