RubyGems - activeadmin-ckeditor - Versions diffs - 0.0.10 → 0.0.11 - Mend

activeadmin-ckeditor 0.0.10 → 0.0.11

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 (76) hide show

data/app/assets/stylesheets/ckeditor/plugins/imagepaste/docs/install.html ADDED Viewed

@@ -0,0 +1,64 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+	"http://www.w3.org/TR/html4/loose.dtd">
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Image paste plugin</title>
+<link href="styles.css" rel="stylesheet" type="text/css">
+</head>
+<body>
+<h1>Image paste Plugin for CKEditor</h1>
+<h2>Introduction</h2>
+<p>This is a plugin that automatically uploads to the server the images pasted from the clipboard with Firefox in <a href="http://www.ckeditor.com">CKEditor</a>.</p>
+<h3 id="contact">Author:</h3>
+<p><a href="mailto:amla70@gmail.com">Alfonso Mart&iacute;nez de Lizarrondo</a></p>
+<h3>Version history: </h3>
+<ol>
+  <li>1.0: 28-September-2011. First public version.</li>
+</ol>
+<h2>Installation</h2>
+<h3>1. Copying the files</h3>
+<p>Extract the contents of the zip in you plugins directory, so it ends up like
+    this<br>
+    <!--<img src="installation.png" alt="Screenshot of installation" width="311" height="346" longdesc="#install">-->
+    </p>
+<pre id="--install">
+ckeditor\
+	...
+	images\
+	lang\
+	plugins\
+		...
+		imagepaste\
+			plugin.js
+			docs\
+				install.html
+		...
+	skins\
+	themes\
+</pre>
+<h3>2. Adding it to CKEditor</h3>
+<p>Now add the plugin in your <em>config.js</em> or custom js configuration
+file:
+<code>config.extraPlugins='imagepaste'; </code>
+</p>
+<h3>3. Configuration</h3>
+<p>You have to configure the filebrowserImageUploadUrl entry as you might have already done to allow the user to upload images.</p>
+<h3>4. Use it</h3>
+<p>Using Firefox, paste an image into the body of CKEditor. That image will be uploaded to the server and it will use the correct URL instead of "data:".</p>
+<!--
+<h2>Final notes</h2>
+-->
+<h2>Disclaimers</h2>
+<p>CKEditor is  &copy; CKSource.com</p>
+</body>
+</html>

data/app/assets/stylesheets/ckeditor/plugins/imagepaste/docs/styles.css ADDED Viewed

@@ -0,0 +1,59 @@
+body {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 90%;
+}
+h1 {
+	text-align:center;
+	font-size:180%;
+}
+h2 {
+	border-bottom:2px solid #CCC;
+	margin:1em 0 0.4em 0;
+}
+h3 {
+	margin-bottom:0.4em;
+}
+p {
+	margin:0 0 1em 1em;
+	text-align:justify;
+}
+ol {
+	margin:0 0 1.2em 1em;
+	padding:0;
+	list-style-type:none;
+}
+ol li {
+	margin:0.2em 0;
+}
+pre, code {
+	font-size:100%;
+	font-family:"Courier New", Courier, mono;
+	background-color: #CCCCCC;
+	border:1px solid #999;
+	padding:0.2em 1em;
+	margin: 0.4em 0;
+	display:block;
+	white-space: pre;
+	overflow: auto;
+}
+form {
+	margin:0 0 0 1em;
+}
+span.key {
+	color: #006600;
+}
+#install {
+	display:none
+}
+#languages ul {
+	display:inline;
+	list-style-type:none;
+	margin:0;
+	padding:0;
+}
+#languages li {
+	display:inline;
+	margin:0;
+	padding:0;
+	vertical-align:bottom;
+}

data/app/assets/stylesheets/ckeditor/plugins/imagepaste/plugin.js ADDED Viewed

@@ -0,0 +1,82 @@
+/*
+ * @file image paste plugin for CKEditor
+	Feature introduced in: https://bugzilla.mozilla.org/show_bug.cgi?id=490879
+	doesn't include images inside HTML (paste from word): https://bugzilla.mozilla.org/show_bug.cgi?id=665341
+ * Copyright (C) 2011 Alfonso Martínez de Lizarrondo
+ *
+ * == BEGIN LICENSE ==
+ *
+ * Licensed under the terms of any of the following licenses at your
+ * choice:
+ *
+ *  - GNU General Public License Version 2 or later (the "GPL")
+ *    http://www.gnu.org/licenses/gpl.html
+ *
+ *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
+ *    http://www.gnu.org/licenses/lgpl.html
+ *
+ *  - Mozilla Public License Version 1.1 or later (the "MPL")
+ *    http://www.mozilla.org/MPL/MPL-1.1.html
+ *
+ * == END LICENSE ==
+ *
+ */
+ // Handles image pasting in Firefox
+CKEDITOR.plugins.add( 'imagepaste',
+{
+	init : function( editor )
+	{
+		// Paste from clipboard:
+		editor.on( 'paste', function(e) {
+			var html = e.data.html;
+			if (!html)
+				return;
+			// Replace data: images in Firefox and upload them
+			e.data.html = html.replace( /<img src="data:image\/png;base64,.*?" alt="">/g, function( img )
+				{
+					var data = img.match(/"data:image\/png;base64,(.*?)"/)[1];
+					var id = CKEDITOR.tools.getNextId();
+					var url= editor.config.filebrowserImageUploadUrl + '&CKEditor=' + editor.name + '&CKEditorFuncNum=2&langCode=' + editor.langCode;
+					var xhr = new XMLHttpRequest();
+					xhr.open("POST", url);
+					xhr.onload = function() {
+						// Upon finish, get the url and update the file
+						var imageUrl = xhr.responseText.match(/2,\s*'(.*?)',/)[1];
+						var theImage = editor.document.getById( id );
+						theImage.data( 'cke-saved-src', imageUrl);
+						theImage.setAttribute( 'src', imageUrl);
+						theImage.removeAttribute( 'id' );
+					}
+					// Create the multipart data upload. Is it possible somehow to use FormData instead?
+					var BOUNDARY = "---------------------------1966284435497298061834782736";
+					var rn = "\r\n";
+					var req = "--" + BOUNDARY;
+					  req += rn + "Content-Disposition: form-data; name=\"upload\"";
+						var bin = window.atob( data );
+						// add timestamp?
+						req += "; filename=\"" + id + ".png\"" + rn + "Content-type: image/png";
+						req += rn + rn + bin + rn + "--" + BOUNDARY;
+					req += "--";
+					xhr.setRequestHeader("Content-Type", "multipart/form-data; boundary=" + BOUNDARY);
+					xhr.sendAsBinary(req);
+					return img.replace(/>/, ' id="' + id + '">')
+				});
+		});
+	} //Init
+} );

data/app/assets/stylesheets/ckeditor/plugins/stylesheetparser/plugin.js ADDED Viewed

@@ -0,0 +1,152 @@
+/**
+ * @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or http://ckeditor.com/license
+ */
+/**
+ * @fileOverview stylesheetParser plugin.
+ */
+(function() {
+	// We want to extract only the elements with classes defined in the stylesheets:
+	function parseClasses( aRules, skipSelectors, validSelectors ) {
+		// aRules are just the different rules in the style sheets
+		// We want to merge them and them split them by commas, so we end up with only
+		// the selectors
+		var s = aRules.join( ' ' );
+		// Remove selectors splitting the elements, leave only the class selector (.)
+		s = s.replace( /(,|>|\+|~)/g, ' ' );
+		// Remove attribute selectors: table[border="0"]
+		s = s.replace( /\[[^\]]*/g, '' );
+		// Remove Ids: div#main
+		s = s.replace( /#[^\s]*/g, '' );
+		// Remove pseudo-selectors and pseudo-elements: :hover :nth-child(2n+1) ::before
+		s = s.replace( /\:{1,2}[^\s]*/g, '' );
+		s = s.replace( /\s+/g, ' ' );
+		var aSelectors = s.split( ' ' ),
+			aClasses = [];
+		for ( var i = 0; i < aSelectors.length; i++ ) {
+			var selector = aSelectors[ i ];
+			if ( validSelectors.test( selector ) && !skipSelectors.test( selector ) ) {
+				// If we still don't know about this one, add it
+				if ( CKEDITOR.tools.indexOf( aClasses, selector ) == -1 )
+					aClasses.push( selector );
+			}
+		}
+		return aClasses;
+	}
+	function LoadStylesCSS( theDoc, skipSelectors, validSelectors ) {
+		var styles = [],
+			// It will hold all the rules of the applied stylesheets (except those internal to CKEditor)
+			aRules = [],
+			i;
+		for ( i = 0; i < theDoc.styleSheets.length; i++ ) {
+			var sheet = theDoc.styleSheets[ i ],
+				node = sheet.ownerNode || sheet.owningElement;
+			// Skip the internal stylesheets
+			if ( node.getAttribute( 'data-cke-temp' ) )
+				continue;
+			// Exclude stylesheets injected by extensions
+			if ( sheet.href && sheet.href.substr( 0, 9 ) == 'chrome://' )
+				continue;
+			// Bulletproof with x-domain content stylesheet.
+			try {
+				var sheetRules = sheet.cssRules || sheet.rules;
+				for ( var j = 0; j < sheetRules.length; j++ )
+					aRules.push( sheetRules[ j ].selectorText );
+			} catch ( e ) {}
+		}
+		var aClasses = parseClasses( aRules, skipSelectors, validSelectors );
+		// Add each style to our "Styles" collection.
+		for ( i = 0; i < aClasses.length; i++ ) {
+			var oElement = aClasses[ i ].split( '.' ),
+				element = oElement[ 0 ].toLowerCase(),
+				sClassName = oElement[ 1 ];
+			styles.push({
+				name: element + '.' + sClassName,
+				element: element,
+				attributes: { 'class': sClassName }
+			});
+		}
+		return styles;
+	}
+	// Register a plugin named "stylesheetparser".
+	CKEDITOR.plugins.add( 'stylesheetparser', {
+		init: function( editor ) {
+			// Stylesheet parser is incompatible with filter (#10136).
+			editor.filter.disable();
+			var cachedDefinitions;
+			editor.once( 'stylesSet', function( evt ) {
+				// Cancel event and fire it again when styles are ready.
+				evt.cancel();
+				// Overwrite editor#getStylesSet asap (contentDom is the first moment
+				// when editor.document is ready), but before stylescombo reads styles set (priority 5).
+				editor.once( 'contentDom', function() {
+					editor.getStylesSet( function( definitions ) {
+						// Rules that must be skipped
+						var skipSelectors = editor.config.stylesheetParser_skipSelectors || ( /(^body\.|^\.)/i ),
+							// Rules that are valid
+							validSelectors = editor.config.stylesheetParser_validSelectors || ( /\w+\.\w+/ );
+						cachedDefinitions = definitions.concat( LoadStylesCSS( editor.document.$, skipSelectors, validSelectors ) );
+						editor.getStylesSet = function( callback ) {
+							if ( cachedDefinitions )
+								return callback( cachedDefinitions );
+						};
+						editor.fire( 'stylesSet', { styles: cachedDefinitions } );
+					} );
+				} );
+			}, null, null, 1 );
+		}
+	});
+})();
+/**
+ * A regular expression that defines whether a CSS rule will be
+ * skipped by the Stylesheet Parser plugin. A CSS rule matching
+ * the regular expression will be ignored and will not be available
+ * in the Styles drop-down list.
+ *
+ *		// Ignore rules for body and caption elements, classes starting with "high", and any class defined for no specific element.
+ *		config.stylesheetParser_skipSelectors = /(^body\.|^caption\.|\.high|^\.)/i;
+ *
+ * @since 3.6
+ * @cfg {RegExp} [stylesheetParser_skipSelectors=/(^body\.|^\.)/i]
+ * @member CKEDITOR.config
+ * @see CKEDITOR.config#stylesheetParser_validSelectors
+ */
+/**
+ * A regular expression that defines which CSS rules will be used
+ * by the Stylesheet Parser plugin. A CSS rule matching the regular
+ * expression will be available in the Styles drop-down list.
+ *
+ *		// Only add rules for p and span elements.
+ *		config.stylesheetParser_validSelectors = /\^(p|span)\.\w+/;
+ *
+ * @since 3.6
+ * @cfg {RegExp} [stylesheetParser_validSelectors=/\w+\.\w+/]
+ * @member CKEDITOR.config
+ * @see CKEDITOR.config#stylesheetParser_skipSelectors
+ */

data/app/assets/stylesheets/ckeditor/plugins/stylesheetparser/samples/assets/sample.css ADDED Viewed

@@ -0,0 +1,70 @@
+body
+{
+	font-family: Arial, Verdana, sans-serif;
+	font-size: 12px;
+	color: #222;
+	background-color: #fff;
+}
+/* preserved spaces for rtl list item bullets. (#6249)*/
+ol,ul,dl
+{
+	padding-right:40px;
+}
+h1,h2,h3,h4
+{
+	font-family: Georgia, Times, serif;
+}
+h1.lightBlue
+{
+	color: #00A6C7;
+	font-size: 1.8em;
+	font-weight:normal;
+}
+h3.green
+{
+	color: #739E39;
+	font-weight:normal;
+}
+span.markYellow { background-color: yellow; }
+span.markGreen { background-color: lime; }
+img.left
+{
+	padding: 5px;
+	margin-right: 5px;
+	float:left;
+	border:2px solid #DDD;
+}
+img.right
+{
+	padding: 5px;
+	margin-right: 5px;
+	float:right;
+	border:2px solid #DDD;
+}
+a.green
+{
+	color:#739E39;
+}
+table.grey
+{
+	background-color : #F5F5F5;
+}
+table.grey th
+{
+	background-color : #DDD;
+}
+ul.square
+{
+	list-style-type : square;
+}

data/app/assets/stylesheets/ckeditor/plugins/stylesheetparser/samples/stylesheetparser.html ADDED Viewed

@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<!--
+Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.md or http://ckeditor.com/license
+-->
+<html>
+<head>
+	<title>Using Stylesheet Parser Plugin &mdash; CKEditor Sample</title>
+	<meta charset="utf-8">
+	<script src="../../../ckeditor.js"></script>
+	<script src="../../../samples/sample.js"></script>
+	<link rel="stylesheet" href="../../../samples/sample.css">
+	<meta name="ckeditor-sample-required-plugins" content="stylescombo">
+	<meta name="ckeditor-sample-name" content="Stylesheet Parser plugin">
+	<meta name="ckeditor-sample-description" content="Using the Stylesheet Parser plugin to fill the Styles drop-down list based on the CSS classes available in the document stylesheet.">
+	<meta name="ckeditor-sample-group" content="Plugins">
+</head>
+<body>
+	<h1 class="samples">
+		<a href="../../../samples/index.html">CKEditor Samples</a> &raquo; Using the Stylesheet Parser Plugin
+	</h1>
+	<div class="description">
+		<p>
+			This sample shows how to configure CKEditor instances to use the
+			<strong>Stylesheet Parser</strong> (<code>stylesheetparser</code>) plugin that fills
+			the <strong>Styles</strong> drop-down list based on the CSS rules available in the document stylesheet.
+		</p>
+		<p>
+			To add a CKEditor instance using the <code>stylesheetparser</code> plugin, insert
+			the following JavaScript call into your code:
+		</p>
+<pre class="samples">
+CKEDITOR.replace( '<em>textarea_id</em>', {
+	<strong>extraPlugins: 'stylesheetparser'</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>stylesheetparser</code> plugin with its default configuration:
+			</label>
+			<textarea cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
+			<script>
+				// This call can be placed at any point after the
+				// <textarea>, or inside a <head><script> in a
+				// window.onload event handler.
+				// Replace the <textarea id="editor"> with an CKEditor
+				// instance, using default configurations.
+				CKEDITOR.replace( 'editor1' , {
+					extraPlugins: 'stylesheetparser',
+					// Stylesheet for the contents.
+					contentsCss: 'assets/sample.css',
+					// Do not load the default Styles configuration.
+					stylesSet: []
+				});
+			</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-2013, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
+			Knabben. All rights reserved.
+		</p>
+	</div>
+</body>
+</html>