49 lines
1.3 KiB
JavaScript
49 lines
1.3 KiB
JavaScript
|
|
const videoRules = {
|
|
'youtube': new RegExp(/(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/, 'i'),
|
|
'vimeo': new RegExp(/vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/(?:[^\/]*)\/videos\/|album\/(?:\d+)\/video\/|)(\d+)(?:$|\/|\?)/, 'i'),
|
|
'dailymotion': new RegExp(/(?:dailymotion\.com(?:\/embed)?(?:\/video|\/hub)|dai\.ly)\/([0-9a-z]+)(?:[\-_0-9a-zA-Z]+(?:#video=)?([a-z0-9]+)?)?/, 'i')
|
|
};
|
|
|
|
// Vue Video instance
|
|
|
|
let vueVideo = new Vue({
|
|
el: '#modal-editor-video',
|
|
data: {
|
|
link: ''
|
|
},
|
|
methods: {
|
|
open: (ev) => {
|
|
$('#modal-editor-video').addClass('is-active');
|
|
$('#modal-editor-video input').focus();
|
|
},
|
|
cancel: (ev) => {
|
|
mdeModalOpenState = false;
|
|
$('#modal-editor-video').removeClass('is-active');
|
|
vueVideo.link = '';
|
|
},
|
|
insertVideo: (ev) => {
|
|
|
|
if(mde.codemirror.doc.somethingSelected()) {
|
|
mde.codemirror.execCommand('singleSelection');
|
|
}
|
|
|
|
// Guess video type
|
|
|
|
let videoType = _.findKey(videoRules, (vr) => {
|
|
return vr.test(vueVideo.link);
|
|
});
|
|
if(_.isNil(videoType)) {
|
|
videoType = 'video';
|
|
}
|
|
|
|
// Insert video tag
|
|
|
|
let videoText = '[video](' + vueVideo.link + '){.' + videoType + '}\n';
|
|
|
|
mde.codemirror.doc.replaceSelection(videoText);
|
|
vueVideo.cancel();
|
|
|
|
}
|
|
}
|
|
}); |