Mercurial Hosting > sceditor
view src/plugins/autoyoutube.js @ 38:2dfdaaac9482
simplify icons
author | Franklin Schmidt <fschmidt@gmail.com> |
---|---|
date | Thu, 18 Aug 2022 21:36:34 -0600 |
parents | ea32a44b5a6e |
children |
line wrap: on
line source
/** * SCEditor Auto Youtube Plugin * http://www.sceditor.com/ * * Copyright (C) 2016, Sam Clarke (samclarke.com) * * SCEditor is licensed under the MIT license: * http://www.opensource.org/licenses/mit-license.php * * @author Sam Clarke */ (function (document, sceditor) { 'use strict'; var dom = sceditor.dom; /* (^|\s) Start of line or space (?:https?:\/\/)? Optional scheme like http:// (?:www\.)? Optional www. prefix (?: youtu\.be\/ Ends with .be/ so whatever comes next is the ID | youtube\.com\/watch\?v= Matches the .com version ) ([^"&?\/ ]{11}) The actual YT ID (?:\&[\&_\?0-9a-z\#]+)? Any extra URL params (\s|$) End of line or space */ var ytUrlRegex = /(^|\s)(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/watch\?v=)([^"&?\/ ]{11})(?:\&[\&_\?0-9a-z\#]+)?(\s|$)/i; function youtubeEmbedCode(id) { return '<iframe width="560" height="315" frameborder="0" ' + 'src="https://www.youtube-nocookie.com/embed/' + id + '" ' + 'data-youtube-id="' + id + '" allowfullscreen></iframe>'; } function convertYoutubeLinks(parent, isRoot) { var node = parent.firstChild; var wholeContent = (parent.textContent || ''); // Don't care about whitespace if is the root node if (isRoot) { wholeContent = wholeContent.trim(); } var match = wholeContent.match(ytUrlRegex); // Whole content match so only return URL embed if (wholeContent === wholeContent.trim() && match && match[0].length === wholeContent.length) { dom.removeAttr(parent, 'style'); dom.removeAttr(parent, 'class'); parent.innerHTML = youtubeEmbedCode(match[2]); return; } while (node) { // 3 is TextNodes if (node.nodeType === 3) { var text = node.nodeValue; var nodeParent = node.parentNode; if ((match = text.match(ytUrlRegex))) { nodeParent.insertBefore(document.createTextNode( text.substr(0, match.index) + match[1] ), node); nodeParent.insertBefore( dom.parseHTML(youtubeEmbedCode(match[2])), node ); node.nodeValue = match[3] + text.substr(match.index + match[0].length); } } else { // TODO: Make this tag configurable. if (!dom.is(node, 'code')) { convertYoutubeLinks(node); } } node = node.nextSibling; } }; sceditor.plugins.autoyoutube = function () { let base = {} base.signalPasteRaw = function (editor, data) { // TODO: Make this tag configurable. // Skip code tags if (dom.closest(editor.currentNode(), 'code')) { return; } if (data.html || data.text) { var node = document.createElement('div'); node.innerHTML = data.html || sceditor.escapeEntities(data.text); convertYoutubeLinks(node, true); data.html = node.innerHTML; } }; return base; }; })(document, sceditor);