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(); } } });