RubyGems - integral - Versions diffs - 1.0.0 - Mend

integral 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (761) hide show

data/app/assets/javascripts/ckeditor/plugins/placeholder/samples/placeholder.html ADDED

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<!--
+Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+-->
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>Placeholder Plugin &mdash; CKEditor Sample</title>
+	<script src="../../../ckeditor.js"></script>
+	<script src="../../../samples/old/sample.js"></script>
+	<link rel="stylesheet" href="../../../samples/old/sample.css">
+	<meta name="ckeditor-sample-name" content="Placeholder plugin">
+	<meta name="ckeditor-sample-group" content="Plugins">
+	<meta name="ckeditor-sample-description" content="Using the Placeholder plugin to create uneditable sections that can only be created and modified with a proper dialog window.">
+</head>
+<body>
+	<h1 class="samples">
+		<a href="../../../samples/old/index.html">CKEditor Samples</a> &raquo; Using the Placeholder Plugin
+	</h1>
+	<div class="warning deprecated">
+		This sample is not maintained anymore. Check out its <a href="http://sdk.ckeditor.com/samples/placeholder.html">brand new version in CKEditor SDK</a>.
+	</div>
+	<div class="description">
+		<p>
+			This sample shows how to configure CKEditor instances to use the
+			<strong>Placeholder</strong> plugin that lets you insert read-only elements
+			into your content. To enter and modify read-only text, use the
+			<strong>Create Placeholder</strong> <span class="button_icon" data-icon="placeholder">&nbsp;</span> button and its matching dialog window.
+		</p>
+		<p>
+			To add a CKEditor instance that uses the <code>placeholder</code> plugin and a related
+			<strong>Create Placeholder</strong> <span class="button_icon" data-icon="placeholder">&nbsp;</span> toolbar button, insert the following JavaScript
+			call to your code:
+		</p>
+<pre class="samples">
+CKEDITOR.replace( '<em>textarea_id</em>', {
+	<strong>extraPlugins: 'placeholder',</strong>
+	toolbar: [ [ 'Source', 'Bold' ], [<strong>'CreatePlaceholder'</strong>] ]
+});</pre>
+		<p>
+			Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
+			the <code>&lt;textarea&gt;</code> element to be replaced with CKEditor.
+		</p>
+	</div>
+	<form action="../../../samples/sample_posteddata.php" method="post">
+		<p>
+			<label for="editor1">
+				CKEditor using the <code>placeholder</code> plugin with its default configuration:
+			</label>
+			<textarea cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is a [[sample placeholder]]. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;. &lt;/p&gt;</textarea>
+			<script>
+				CKEDITOR.replace( 'editor1', {
+					extraPlugins: 'placeholder'
+				});
+			</script>
+		</p>
+		<p>
+			<input type="submit" value="Submit">
+		</p>
+	</form>
+	<div id="footer">
+		<hr>
+		<p>
+			CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
+		</p>
+		<p id="copy">
+			Copyright &copy; 2003-2017, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>

data/app/assets/javascripts/ckeditor/plugins/strinsert/README.md ADDED

@@ -0,0 +1,76 @@
+StrInsert (String Insert)
+=========================
+Dropdown for CKEditor to insert custom strings.
+Allows you to create a custom dropdown added to the ckeditor4 toolbar, which outputs a text string (or whatever needed) to the editor.  This is useful for making it easy for people to use tokens or merge tags in the documents they edit.
+Original repository name custom-dropdown-ckeditor4.
+By Stuart Sillitoe (57u) and Marcus Bointon (Synchro).
+ * https://github.com/57u/custom-dropdown-ckeditor4
+ * https://github.com/Synchro/custom-dropdown-ckeditor4
+##Installation
+1. Place the strinsert folder in the ckeditor/plugins/ directory.
+2. Edit your config.js file so as to add strinsert to the [extraPlugins configuration](http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-extraPlugins)
+```
+CKEDITOR.editorConfig = function( config ) {
+    // ...
+    // Register the strinsert plugin
+	config.extraPlugins = 'strinsert';
+};
+```
+Note: StrInsert is added to the 'insert' toolbar group by default, but you can change this in your [toolbarGroups configuration](http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-toolbarGroups).  For more information, see also the [developer guide for toolbars](http://docs.ckeditor.com/#!/guide/dev_toolbar) and the [toolbar sample](http://ckeditor.com/latest/samples/plugins/toolbar/toolbar.html).
+## Configuration
+Add the strings you are going to insert to your configuration, like this:
+```
+CKEDITOR.editorConfig = function( config ) {
+    // ...
+    config.strinsert_strings = [
+			{'name': 'Name', 'value': '*|VALUE|*'},
+			{'name': 'Group 1'},
+			{'name': 'Another name', 'value': 'totally_different', 'label': 'Good looking'},
+		];
+};
+```
+This list of dicts define the strings to choose from to insert into the editor.
+Each insertable string dict is defined by three possible keys:
+ * 'value': The value to insert.
+ * 'name': The name for the string to use in the dropdown.
+ * 'label': The voice label (also used as the tooltip title) for the string.
+Only the value to insert is required to define an insertable string, the value will be used as the name (and the name as the label) if other keys are not provided.
+If the value key is *not* defined and the name key is, then a group header with the given name will be provided in the dropdown box.  This heading is not clickable and does not insert, it is for organizational purposes only.
+###Additional configuration
+You can additionally set name shown for the dropdown button with **config.strinsert_button_label** ('Insert' by default) and the title/tooltip text with  **config.strinsert_button_title** and the voice label text **config.strinsert_button_voice** (both 'Insert content' by default).
+Put all together the strinsert section of your config.js file might look like this:
+```
+CKEDITOR.editorConfig = function( config ) {
+    // ...
+    config.extraPlugins = 'strinsert';
+    config.strinsert_strings = [
+        {'value': '*|FIRSTNAME|*', 'name': 'First name'},
+        {'value': '*|LASTNAME|*', 'name': 'Last name'},
+        {'value': '*|INVITEURL|*', 'name': 'Activore invite URL'},
+    ];
+    config.strinsert_button_label = 'Tokens';
+    config.strinsert_button_title = config.strinsert_button_voice = 'Insert token';
+};
+```

data/app/assets/javascripts/ckeditor/plugins/strinsert/bower.json ADDED

@@ -0,0 +1,16 @@
+{
+  "name": "Strinsert",
+  "description": "StrInsert - Insert strings into ckEditor",
+  "main": [
+    "plugin.js"
+  ],
+  "keywords": [
+    "string insert",
+    "custom dropdown",
+    "ckeditor"
+  ],
+  "authors": [
+    "Stuart Sillitoe"
+  ],
+  "private": false
+}

data/app/assets/javascripts/ckeditor/plugins/strinsert/plugin.js ADDED

@@ -0,0 +1,107 @@
+/**
+ * @license Copyright © 2013 Stuart Sillitoe <stuart@vericode.co.uk>
+ * This is open source, can modify it as you wish.
+ *
+ * Stuart Sillitoe
+ * stuartsillitoe.co.uk
+ *
+ */
+/**
+ * List of dicts which define strings to choose from to insert into the editor.
+ *
+ * Each insertable string dict is defined by three possible keys:
+ *    'value': The value to insert.
+ *    'name': The name for the string to use in the dropdown.
+ *    'label': The voice label (also used as the tooltip title) for the string.
+ *
+ * Only the value to insert is required to define an insertable string, the
+ * value will be used as the name (and the name as the label) if other keys are
+ * not provided.
+ *
+ * If the value key is *not* defined and the name key is, then a group header
+ * with the given name will be provided in the dropdown box.  This heading is
+ * not clickable and does not insert, it is for organizational purposes only.
+ */
+CKEDITOR.config.strinsert_strings =	 [
+			{'name': 'Name', 'value': '*|VALUE|*'},
+			{'name': 'Group 1'},
+			{'name': 'Another name', 'value': 'totally_different', 'label': 'Good looking'},
+		];
+/**
+ * String to use as the button label.
+ */
+CKEDITOR.config.strinsert_button_label = 'Insert';
+/**
+ * String to use as the button title.
+ */
+CKEDITOR.config.strinsert_button_title = 'Insert content';
+/**
+ * String to use as the button voice label.
+ */
+CKEDITOR.config.strinsert_button_voice = 'Insert content';
+CKEDITOR.plugins.add('strinsert',
+{
+	requires : ['richcombo'],
+	init : function( editor )
+	{
+		var config = editor.config;
+		// Gets the list of insertable strings from the settings.
+		var strings = config.strinsert_strings;
+		// add the menu to the editor
+		editor.ui.addRichCombo('strinsert',
+		{
+			label: 		config.strinsert_button_label,
+			title: 		config.strinsert_button_title,
+			voiceLabel: config.strinsert_button_voice,
+			toolbar: 'insert',
+			className: 	'cke_format',
+			multiSelect:false,
+			panel:
+			{
+				css: [ editor.config.contentsCss, CKEDITOR.skin.getPath('editor') ],
+				voiceLabel: editor.lang.panelVoiceLabel
+			},
+			init: function()
+			{
+				var lastgroup = '';
+				for(var i=0, len=strings.length; i < len; i++)
+				{
+					string = strings[i];
+					// If there is no value, make a group header using the name.
+					if (!string.value) {
+						this.startGroup( string.name );
+					}
+					// If we have a value, we have a string insert row.
+					else {
+						// If no name provided, use the value for the name.
+						if (!string.name) {
+							string.name = string.value;
+						}
+						// If no label provided, use the name for the label.
+						if (!string.label) {
+							string.label = string.name;
+						}
+						this.add(string.value, string.name, string.label);
+					}
+				}
+			},
+			onClick: function( value )
+			{
+				editor.focus();
+				editor.fire( 'saveSnapshot' );
+				editor.insertHtml(value);
+				editor.fire( 'saveSnapshot' );
+			},
+		});
+	}
+});

data/app/assets/javascripts/ckeditor/plugins/widget/dev/assets/contents.css ADDED

@@ -0,0 +1,23 @@
+.mediumBorder {
+	border-width: 2px;
+}
+.thickBorder {
+	border-width: 5px;
+}
+img.thickBorder, img.mediumBorder {
+	border-style: solid;
+	border-color: #CCC;
+}
+.important.soMuch {
+	margin: 25px;
+	padding: 25px;
+	background: red;
+	border: none;
+}
+span.redMarker {
+	background-color: red;
+}
+.invisible {
+	opacity: 0.1;
+}

data/app/assets/javascripts/ckeditor/plugins/widget/dev/assets/sample.jpg ADDED

Binary file

data/app/assets/javascripts/ckeditor/plugins/widget/dev/assets/simplebox/contents.css ADDED

@@ -0,0 +1,36 @@
+.simplebox {
+	padding: 8px;
+	margin: 10px;
+	background: #eee;
+	border-radius: 8px;
+	border: 1px solid #ddd;
+	box-shadow: 0 1px 1px #fff inset, 0 -1px 0px #ccc inset;
+}
+.simplebox-title, .simplebox-content {
+	box-shadow: 0 1px 1px #ddd inset;
+	border: 1px solid #cccccc;
+	border-radius: 5px;
+	background: #fff;
+}
+.simplebox-title {
+	margin: 0 0 8px;
+	padding: 5px 8px;
+}
+.simplebox-content {
+	padding: 0 8px;
+}
+.simplebox-content::after {
+	content: '';
+	display: block;
+	clear: both;
+}
+.simplebox.align-right {
+	float: right;
+}
+.simplebox.align-left {
+	float: left;
+}
+.simplebox.align-center {
+	margin-left: auto;
+	margin-right: auto;
+}

data/app/assets/javascripts/ckeditor/plugins/widget/dev/assets/simplebox/dialogs/simplebox.js ADDED

@@ -0,0 +1,51 @@
+// Note: This automatic widget to dialog window binding (the fact that every field is set up from the widget
+// and is committed to the widget) is only possible when the dialog is opened by the Widgets System
+// (i.e. the widgetDef.dialog property is set).
+// When you are opening the dialog window by yourself, you need to take care of this by yourself too.
+CKEDITOR.dialog.add( 'simplebox', function( editor ) {
+	return {
+		title: 'Edit Simple Box',
+		minWidth: 200,
+		minHeight: 100,
+		contents: [
+			{
+				id: 'info',
+				elements: [
+					{
+						id: 'align',
+						type: 'select',
+						label: 'Align',
+						items: [
+							[ editor.lang.common.notSet, '' ],
+							[ editor.lang.common.alignLeft, 'left' ],
+							[ editor.lang.common.alignRight, 'right' ],
+							[ editor.lang.common.alignCenter, 'center' ]
+						],
+						// When setting up this field, set its value to the "align" value from widget data.
+						// Note: Align values used in the widget need to be the same as those defined in the "items" array above.
+						setup: function( widget ) {
+							this.setValue( widget.data.align );
+						},
+						// When committing (saving) this field, set its value to the widget data.
+						commit: function( widget ) {
+							widget.setData( 'align', this.getValue() );
+						}
+					},
+					{
+						id: 'width',
+						type: 'text',
+						label: 'Width',
+						width: '50px',
+						setup: function( widget ) {
+							this.setValue( widget.data.width );
+						},
+						commit: function( widget ) {
+							widget.setData( 'width', this.getValue() );
+						}
+					}
+				]
+			}
+		]
+	};
+} );

data/app/assets/javascripts/ckeditor/plugins/widget/dev/assets/simplebox/icons/simplebox.png ADDED

Binary file

data/app/assets/javascripts/ckeditor/plugins/widget/dev/assets/simplebox/plugin.js ADDED

@@ -0,0 +1,114 @@
+'use strict';
+// Register the plugin within the editor.
+CKEDITOR.plugins.add( 'simplebox', {
+	// This plugin requires the Widgets System defined in the 'widget' plugin.
+	requires: 'widget,dialog',
+	// Register the icon used for the toolbar button. It must be the same
+	// as the name of the widget.
+	icons: 'simplebox',
+	// The plugin initialization logic goes inside this method.
+	init: function( editor ) {
+		// Register the editing dialog.
+		CKEDITOR.dialog.add( 'simplebox', this.path + 'dialogs/simplebox.js' );
+		// Register the simplebox widget.
+		editor.widgets.add( 'simplebox', {
+			// Allow all HTML elements, classes, and styles that this widget requires.
+			// Read more about the Advanced Content Filter here:
+			// * http://docs.ckeditor.com/#!/guide/dev_advanced_content_filter
+			// * http://docs.ckeditor.com/#!/guide/plugin_sdk_integration_with_acf
+			allowedContent:
+				'div(!simplebox,align-left,align-right,align-center){width};' +
+				'div(!simplebox-content); h2(!simplebox-title)',
+			// Minimum HTML which is required by this widget to work.
+			requiredContent: 'div(simplebox)',
+			// Define two nested editable areas.
+			editables: {
+				title: {
+					// Define CSS selector used for finding the element inside widget element.
+					selector: '.simplebox-title',
+					// Define content allowed in this nested editable. Its content will be
+					// filtered accordingly and the toolbar will be adjusted when this editable
+					// is focused.
+					allowedContent: 'br strong em'
+				},
+				content: {
+					selector: '.simplebox-content'
+				}
+			},
+			// Define the template of a new Simple Box widget.
+			// The template will be used when creating new instances of the Simple Box widget.
+			template:
+				'<div class="simplebox">' +
+					'<h2 class="simplebox-title">Title</h2>' +
+					'<div class="simplebox-content"><p>Content...</p></div>' +
+				'</div>',
+			// Define the label for a widget toolbar button which will be automatically
+			// created by the Widgets System. This button will insert a new widget instance
+			// created from the template defined above, or will edit selected widget
+			// (see second part of this tutorial to learn about editing widgets).
+			//
+			// Note: In order to be able to translate your widget you should use the
+			// editor.lang.simplebox.* property. A string was used directly here to simplify this tutorial.
+			button: 'Create a simple box',
+			// Set the widget dialog window name. This enables the automatic widget-dialog binding.
+			// This dialog window will be opened when creating a new widget or editing an existing one.
+			dialog: 'simplebox',
+			// Check the elements that need to be converted to widgets.
+			//
+			// Note: The "element" argument is an instance of http://docs.ckeditor.com/#!/api/CKEDITOR.htmlParser.element
+			// so it is not a real DOM element yet. This is caused by the fact that upcasting is performed
+			// during data processing which is done on DOM represented by JavaScript objects.
+			upcast: function( element ) {
+				// Return "true" (that element needs to converted to a Simple Box widget)
+				// for all <div> elements with a "simplebox" class.
+				return element.name == 'div' && element.hasClass( 'simplebox' );
+			},
+			// When a widget is being initialized, we need to read the data ("align" and "width")
+			// from DOM and set it by using the widget.setData() method.
+			// More code which needs to be executed when DOM is available may go here.
+			init: function() {
+				var width = this.element.getStyle( 'width' );
+				if ( width )
+					this.setData( 'width', width );
+				if ( this.element.hasClass( 'align-left' ) )
+					this.setData( 'align', 'left' );
+				if ( this.element.hasClass( 'align-right' ) )
+					this.setData( 'align', 'right' );
+				if ( this.element.hasClass( 'align-center' ) )
+					this.setData( 'align', 'center' );
+			},
+			// Listen on the widget#data event which is fired every time the widget data changes
+			// and updates the widget's view.
+			// Data may be changed by using the widget.setData() method, which we use in the
+			// Simple Box dialog window.
+			data: function() {
+				// Check whether "width" widget data is set and remove or set "width" CSS style.
+				// The style is set on widget main element (div.simplebox).
+				if ( !this.data.width )
+					this.element.removeStyle( 'width' );
+				else
+					this.element.setStyle( 'width', this.data.width );
+				// Brutally remove all align classes and set a new one if "align" widget data is set.
+				this.element.removeClass( 'align-left' );
+				this.element.removeClass( 'align-right' );
+				this.element.removeClass( 'align-center' );
+				if ( this.data.align )
+					this.element.addClass( 'align-' + this.data.align );
+			}
+		} );
+	}
+} );