view src/plugins/autoyoutube.js @ 5:dd47b95c9ec7

add /examples/
author Franklin Schmidt <fschmidt@gmail.com>
date Thu, 04 Aug 2022 19:27:37 -0600
parents b7725dab7482
children ea32a44b5a6e
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 () {
		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);