RubyGems - tinymce-rails - Versions diffs - 4.3.13 → 4.4.0 - Mend

tinymce-rails 4.3.13 → 4.4.0

Files changed (68) hide show

data/vendor/assets/javascripts/tinymce/themes/inlite/src/demo/css/demo.css ADDED

@@ -0,0 +1,25 @@
+blockquote {
+	border-left: 3px solid rgba(0,0,0,.8);
+	padding-left: 20px;
+	margin: 0;
+}
+.mce-edit-focus {
+	outline: 1px solid blue;
+}
+.tinymce {
+	margin: 10px;
+	padding: 10px;
+	overflow: auto;
+	border: 1px solid gray;
+}
+table, td {
+	border: 1px dashed gray;
+}
+/*.mce-tinymce-inline {
+	transition: left 50ms ease-in-out, top 50ms ease-in-out;
+}
+*/

data/vendor/assets/javascripts/tinymce/themes/inlite/src/demo/html/demo.html ADDED

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>inlite-theme Demo Page</title>
+<link href="../css/demo.css" rel="stylesheet">
+<script src="../../../../../tinymce.dev.js"></script>
+<script src="../../../config/bolt/bootstrap-demo.js"></script>
+<script>
+ephox.bolt.module.api.main('tinymce/inlite/Demo');
+</script>
+</head>
+<body>
+<h2>inlite-theme Demo Page</h2>
+<div id="ephox-ui">
+<div class="tinymce" style="width: 900px; min-height: 100px">
+		<p>
+			<img src="https://www.tinymce.com/images/glyph-tinymce@2x.png" style="width: 100px; float: right">
+			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultricies posuere felis sed interdum. Quisque nec diam
+			nec purus gravida dapibus
+		</p>
+		<p>
+			eget non <a href="http://www.tinymce.com">nulla</a>. Ut eu vestibulum libero. Vestibulum pretium est vitae metus auctor, quis fermentum mi
+			luctus. Fusce aliquet tincidunt massa vitae scelerisque. Vivamus in tellus risus. Mauris auctor metus ut gravida feugiat.
+			Nunc consequat urna eu augue commodo, eget malesuada odio fringilla. Morbi vitae turpis in elit laoreet malesuada a nec massa.
+		</p>
+	<table>
+		<tbody>
+			<tr>
+				<td>Lorem ipsum dolor sit amet</td>
+				<td>Lorem ipsum dolor sit amet</td>
+			</tr>
+			<tr>
+				<td>Vivamus in tellus risus</td>
+				<td>Vivamus in tellus risus</td>
+			</tr>
+		</tbody>
+	</table>
+</div>
+</div>
+</body>
+</html>

data/vendor/assets/javascripts/tinymce/themes/inlite/src/demo/js/tinymce/inlite/Demo.js ADDED

@@ -0,0 +1,28 @@
+/**
+ * Demo.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+/*eslint no-console:0 */
+define('tinymce/inlite/Demo', [
+	'tinymce/inlite/Theme',
+	'global!tinymce'
+], function(Theme, tinymce) {
+	tinymce.init({
+		selector: 'div.tinymce',
+		theme: 'inlite',
+		plugins: 'image table link paste contextmenu textpattern autolink',
+		insert_toolbar: 'quickimage quicktable',
+		selection_toolbar: 'bold italic | quicklink h2 h3 blockquote',
+		inline: true,
+		paste_data_images: true
+	});
+	return function() {};
+});

data/vendor/assets/javascripts/tinymce/themes/inlite/src/main/js/tinymce/inlite/Theme.js ADDED

@@ -0,0 +1,143 @@
+/**
+ * Theme.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+define('tinymce/inlite/Theme', [
+	'global!tinymce.ThemeManager',
+	'global!tinymce.util.Delay',
+	'tinymce/inlite/ui/Panel',
+	'tinymce/inlite/ui/Buttons',
+	'tinymce/inlite/core/SkinLoader',
+	'tinymce/inlite/core/SelectionMatcher',
+	'tinymce/inlite/core/ElementMatcher',
+	'tinymce/inlite/core/Matcher',
+	'tinymce/inlite/alien/Arr',
+	'tinymce/inlite/core/PredicateId'
+], function(ThemeManager, Delay, Panel, Buttons, SkinLoader, SelectionMatcher, ElementMatcher, Matcher, Arr, PredicateId) {
+	var getSelectionElements = function (editor) {
+		var node = editor.selection.getNode();
+		var elms = editor.dom.getParents(node);
+		return elms;
+	};
+	var createToolbar = function (editor, selector, id, items) {
+		var selectorPredicate = function (elm) {
+			return editor.dom.is(elm, selector);
+		};
+		return {
+			predicate: selectorPredicate,
+			id: id,
+			items: items
+		};
+	};
+	var getToolbars = function (editor) {
+		var contextToolbars = editor.contextToolbars;
+		return Arr.flatten([
+			contextToolbars ? contextToolbars : [],
+			createToolbar(editor, 'img', 'image', 'alignleft aligncenter alignright')
+		]);
+	};
+	var findMatchResult = function (editor, toolbars) {
+		var result, elements, contextToolbarsPredicateIds;
+		elements = getSelectionElements(editor);
+		contextToolbarsPredicateIds = PredicateId.fromContextToolbars(toolbars);
+		result = Matcher.match(editor, [
+			ElementMatcher.element(elements[0], contextToolbarsPredicateIds),
+			SelectionMatcher.textSelection('text'),
+			SelectionMatcher.emptyTextBlock(elements, 'insert'),
+			ElementMatcher.parent(elements, contextToolbarsPredicateIds)
+		]);
+		return result && result.rect ? result : null;
+	};
+	var togglePanel = function (editor) {
+		var toggle = function () {
+			var toolbars = getToolbars(editor);
+			var result = findMatchResult(editor, toolbars);
+			result ? Panel.show(editor, result.id, result.rect, toolbars) : Panel.hide();
+		};
+		return function () {
+			if (!editor.removed) {
+				toggle();
+			}
+		};
+	};
+	var ignoreWhenFormIsVisible = function (f) {
+		return function () {
+			if (!Panel.inForm()) {
+				f();
+			}
+		};
+	};
+	var bindContextualToolbarsEvents = function (editor) {
+		var throttledTogglePanel = Delay.throttle(togglePanel(editor), 0);
+		var throttledTogglePanelWhenNotInForm = Delay.throttle(ignoreWhenFormIsVisible(togglePanel(editor)), 0);
+		editor.on('blur hide ObjectResizeStart', Panel.hide);
+		editor.on('click', throttledTogglePanel);
+		editor.on('nodeChange mouseup', throttledTogglePanelWhenNotInForm);
+		editor.on('ResizeEditor ResizeWindow keyup', throttledTogglePanel);
+		editor.on('remove', Panel.remove);
+		editor.shortcuts.add('Alt+F10', '', Panel.focus);
+	};
+	var overrideLinkShortcut = function (editor) {
+		editor.shortcuts.remove('meta+k');
+		editor.shortcuts.add('meta+k', '', function () {
+			var toolbars = getToolbars(editor);
+			var result = result = Matcher.match(editor, [
+				SelectionMatcher.textSelection('quicklink')
+			]);
+			if (result) {
+				Panel.show(editor, result.id, result.rect, toolbars);
+			}
+		});
+	};
+	var renderInlineUI = function (editor) {
+		var skinName = editor.settings.skin || 'lightgray';
+		SkinLoader.load(editor, skinName, function () {
+			bindContextualToolbarsEvents(editor);
+			overrideLinkShortcut(editor);
+		});
+		return {};
+	};
+	var fail = function (message) {
+		throw new Error(message);
+	};
+	ThemeManager.add('inlite', function (editor) {
+		Buttons.addToEditor(editor);
+		var renderUI = function () {
+			return editor.inline ? renderInlineUI(editor) : fail('inlite theme only supports inline mode.');
+		};
+		return {
+			renderUI: renderUI
+		};
+	});
+	return function() {};
+});

data/vendor/assets/javascripts/tinymce/themes/inlite/src/main/js/tinymce/inlite/alien/Arr.js ADDED

@@ -0,0 +1,22 @@
+/**
+ * Arr.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+define('tinymce/inlite/alien/Arr', [
+], function () {
+	var flatten = function (arr) {
+		return arr.reduce(function (results, item) {
+			return Array.isArray(item) ? results.concat(flatten(item)) : results.concat(item);
+		}, []);
+	};
+	return {
+		flatten: flatten
+	};
+});

data/vendor/assets/javascripts/tinymce/themes/inlite/src/main/js/tinymce/inlite/alien/Bookmark.js ADDED

@@ -0,0 +1,130 @@
+/**
+ * Bookmark.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+define('tinymce/inlite/alien/Bookmark', [
+], function () {
+	/**
+	 * Returns a range bookmark. This will convert indexed bookmarks into temporary span elements with
+	 * index 0 so that they can be restored properly after the DOM has been modified. Text bookmarks will not have spans
+	 * added to them since they can be restored after a dom operation.
+	 *
+	 * So this: <p><b>|</b><b>|</b></p>
+	 * becomes: <p><b><span data-mce-type="bookmark">|</span></b><b data-mce-type="bookmark">|</span></b></p>
+	 *
+	 * @param  {DOMRange} rng DOM Range to get bookmark on.
+	 * @return {Object} Bookmark object.
+	 */
+	var create = function (dom, rng) {
+		var bookmark = {};
+		function setupEndPoint(start) {
+			var offsetNode, container, offset;
+			container = rng[start ? 'startContainer' : 'endContainer'];
+			offset = rng[start ? 'startOffset' : 'endOffset'];
+			if (container.nodeType == 1) {
+				offsetNode = dom.create('span', {'data-mce-type': 'bookmark'});
+				if (container.hasChildNodes()) {
+					offset = Math.min(offset, container.childNodes.length - 1);
+					if (start) {
+						container.insertBefore(offsetNode, container.childNodes[offset]);
+					} else {
+						dom.insertAfter(offsetNode, container.childNodes[offset]);
+					}
+				} else {
+					container.appendChild(offsetNode);
+				}
+				container = offsetNode;
+				offset = 0;
+			}
+			bookmark[start ? 'startContainer' : 'endContainer'] = container;
+			bookmark[start ? 'startOffset' : 'endOffset'] = offset;
+		}
+		setupEndPoint(true);
+		if (!rng.collapsed) {
+			setupEndPoint();
+		}
+		return bookmark;
+	};
+	/**
+	 * Moves the selection to the current bookmark and removes any selection container wrappers.
+	 *
+	 * @param {Object} bookmark Bookmark object to move selection to.
+	 */
+	var resolve = function (dom, bookmark) {
+		function restoreEndPoint(start) {
+			var container, offset, node;
+			function nodeIndex(container) {
+				var node = container.parentNode.firstChild, idx = 0;
+				while (node) {
+					if (node == container) {
+						return idx;
+					}
+					// Skip data-mce-type=bookmark nodes
+					if (node.nodeType != 1 || node.getAttribute('data-mce-type') != 'bookmark') {
+						idx++;
+					}
+					node = node.nextSibling;
+				}
+				return -1;
+			}
+			container = node = bookmark[start ? 'startContainer' : 'endContainer'];
+			offset = bookmark[start ? 'startOffset' : 'endOffset'];
+			if (!container) {
+				return;
+			}
+			if (container.nodeType == 1) {
+				offset = nodeIndex(container);
+				container = container.parentNode;
+				dom.remove(node);
+			}
+			bookmark[start ? 'startContainer' : 'endContainer'] = container;
+			bookmark[start ? 'startOffset' : 'endOffset'] = offset;
+		}
+		restoreEndPoint(true);
+		restoreEndPoint();
+		var rng = dom.createRng();
+		rng.setStart(bookmark.startContainer, bookmark.startOffset);
+		if (bookmark.endContainer) {
+			rng.setEnd(bookmark.endContainer, bookmark.endOffset);
+		}
+		return rng;
+	};
+	return {
+		create: create,
+		resolve: resolve
+	};
+});

data/vendor/assets/javascripts/tinymce/themes/inlite/src/main/js/tinymce/inlite/alien/Unlink.js ADDED

@@ -0,0 +1,84 @@
+/**
+ * Unlink.js
+ *
+ * Released under LGPL License.
+ * Copyright (c) 1999-2016 Ephox Corp. All rights reserved
+ *
+ * License: http://www.tinymce.com/license
+ * Contributing: http://www.tinymce.com/contributing
+ */
+/**
+ * Unlink implementation that doesn't leave partial links for example it would produce:
+ *  a[b<a href="x">c]d</a>e -> a[bc]de
+ * instead of:
+ *  a[b<a href="x">c]d</a>e -> a[bc]<a href="x">d</a>e
+ */
+define("tinymce/inlite/alien/Unlink", [
+	'tinymce/inlite/alien/Bookmark',
+	'global!tinymce.util.Tools',
+	'global!tinymce.dom.TreeWalker',
+	'global!tinymce.dom.RangeUtils'
+], function (Bookmark, Tools, TreeWalker, RangeUtils) {
+	var getSelectedElements = function (rootElm, startNode, endNode) {
+		var walker, node, elms = [];
+		walker = new TreeWalker(startNode, rootElm);
+		for (node = startNode; node; node = walker.next()) {
+			if (node.nodeType === 1) {
+				elms.push(node);
+			}
+			if (node === endNode) {
+				break;
+			}
+		}
+		return elms;
+	};
+	var unwrapElements = function (editor, elms) {
+		var bookmark, dom, selection;
+		dom = editor.dom;
+		selection = editor.selection;
+		bookmark = Bookmark.create(dom, selection.getRng());
+		Tools.each(elms, function (elm) {
+			editor.dom.remove(elm, true);
+		});
+		selection.setRng(Bookmark.resolve(dom, bookmark));
+	};
+	var isLink = function (elm) {
+		return elm.nodeName === 'A' && elm.hasAttribute('href');
+	};
+	var getParentAnchorOrSelf = function (dom, elm) {
+		var anchorElm = dom.getParent(elm, isLink);
+		return anchorElm ? anchorElm : elm;
+	};
+	var getSelectedAnchors = function (editor) {
+		var startElm, endElm, rootElm, anchorElms, selection, dom, rng;
+		selection = editor.selection;
+		dom = editor.dom;
+		rng = selection.getRng();
+		startElm = getParentAnchorOrSelf(dom, RangeUtils.getNode(rng.startContainer, rng.startOffset));
+		endElm = RangeUtils.getNode(rng.endContainer, rng.endOffset);
+		rootElm = editor.getBody();
+		anchorElms = Tools.grep(getSelectedElements(rootElm, startElm, endElm), isLink);
+		return anchorElms;
+	};
+	var unlinkSelection = function (editor) {
+		unwrapElements(editor, getSelectedAnchors(editor));
+	};
+	return {
+		unlinkSelection: unlinkSelection
+	};
+});