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

activeadmin-ckeditor 0.0.10 → 0.0.11

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>