diff src/development/plugins/autoyoutube.js @ 0:4c4fc447baea

start with sceditor-3.1.1
author Franklin Schmidt <fschmidt@gmail.com>
date Thu, 04 Aug 2022 15:21:29 -0600
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/development/plugins/autoyoutube.js	Thu Aug 04 15:21:29 2022 -0600
@@ -0,0 +1,106 @@
+/**
+ * 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 () {
+		this.signalPasteRaw = function (data) {
+			// TODO: Make this tag configurable.
+			// Skip code tags
+			if (dom.closest(this.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;
+			}
+		};
+	};
+})(document, sceditor);