yellow-text-rails 0.0.7 → 0.0.8

data/lib/yellow-text-rails/version.rb

@@ -1,5 +1,5 @@
 module YellowText
 	module Rails
-	  VERSION = "0.0.7"
+	  VERSION = "0.0.8"
 	end
 end

data/vendor/assets/javascripts/yellow-text.js

@@ -4,464 +4,8 @@
 *	This plugin is created to make text editing
 *	more fun and to make it easy for the editor.
 *
-*	Version: 0.3.2
+*	Version: 0.4.1
 *	Author: Stefan Vermaas
 *	URL: www.stefanvermaas.nl
 *
-*/
-(function( $ ) {
-
-	// Define the plugin methods
-	var methods = {
-		
-		// Call the initialization function
-		init: function( that, options ) {
-			
-			// Create the global this element
-			methods.el = that;
-			
-			/**
-			*
-			*	Settings
-			*	=========================================
-			*	This part of the plugin contains the settings
-			*	that are default. Feel free to override them
-			*	during intialization of the plugin.
-			*
-			*	For an example, see javascripts/demo.js
-			*
-			*/
-			methods.settings = $.extend( {
-				width            : "100%",
-				height           : "300px",
-				containerClass   : "js-editor-container",
-				buttonsClass     : "js-editor-buttons",
-				iFrameClass      : "js-editor-iframe",
-				cleanOnSubmit    : true,
-				defaultFont      : "Helvetica Neue, Helvetica, arial, sans-serief",
-				defaultFontSize  : "1em",
-				defaultFontColor : "#000000",
-				defaultActions   : "bold, underline, italic, strikethrough, align-left, align-center, align-right, unorderd-list, ordered-list, link, image",
-				
-				// Callbacks
-				isContentChanged : function() {},
-				setImage         : function() {}
-			}, options);
-			
-			// Render the plugin
-			methods.render();
-			
-			// Grap the content and put it in the iframe
-			methods.setContent();			
-			
-			// Listen to events and react on them
-			methods.events();
-		},
-			
-		/**
-		*
-		*	Render
-		*	=========================================
-		*	This function renders the whole plugin and 
-		*	it's only used to build the plugin.
-		*
-		*/	
-		render: function() {
-			
-			// Render the new text editor
-			methods.createTextEditor();
-			
-			// Render the buttons
-			methods.createButtons();
-		},
-		
-		/**
-		*
-		*	createTextEditor
-		*	=========================================
-		*	This part of the plugin builds the main
-		*	elements of the new text editor
-		*
-		*/
-		createTextEditor: function() {
-			
-			// Hide the current text field
-			$(methods.el).hide();
-			
-			// Create a container which will hold or text editor
-			methods.container = $("<div />").addClass( methods.settings.containerClass ).css({
-				"float"   : "left",
-				"width"   : methods.settings.width,
-				"border"  : "1px solid #ccc"
-			});
-			
-			// Add the container after the element where we bind this plugin too
-			$(methods.el).after( methods.container );
-	
-			// Create the iFrame and append to the previously created container
-			methods.editor = $("<iframe />").addClass( methods.settings.iFrameClass ).css({
-				"float"   : "left",
-				"width"   : methods.settings.width,
-				"height"  : methods.settings.height,
-				"border"  : "0",
-				"overflow": "hidden"
-			}).appendTo( methods.container ).get(0);
-			
-			// Make the editor work in all browsers
-			methods.editor.contentWindow.document.open();
-			methods.editor.contentWindow.document.close();
-			methods.editor.contentWindow.document.designMode="on";
-			
-			// Set the standard fonts etc
-			$(methods.editor).contents().find("body").css({
-				"word-wrap"     : "break-word",
-				"font-family"   : methods.settings.defaultFont,
-				"font-size"     : methods.settings.defaultFontSize,
-				"color"         : methods.settings.defaultFontColor
-			});
-			
-			// Add some css to the iFrame
-			var iFrameCSS = '<style type="text/css">body{padding: 2%;} p { margin: 0; }</style>';
-			$(methods.editor).contents().find("head").append(iFrameCSS);
-			
-			// Build the button container
-			methods.buttons = $("<div />").addClass( methods.settings.buttonsClass ).css({
-				"float"   : "left",
-				"width"   : methods.settings.width
-			}).prependTo( methods.container );	
-		},
-		
-		/**
-		*
-		*	Content
-		*	=========================================
-		*	Graps the content from the textarea and puts
-		*	it in the text editor
-		*
-		*/		
-		setContent: function() {
-		
-			// Grap the content of the textarea
-			var content = $(methods.el).text();
-	
-			// Put the content of the textarea into the editor
-			$( methods.editor ).contents().find("body").append(content);
-		},
-				
-		/**
-		*
-		*	createButtons
-		*	=========================================
-		*	This part of the plugin build all the buttons
-		*	that are defined by the user or it takes the 
-		*	default buttons.
-		*
-		*/
-		createButtons: function() {
-			
-			// Define the "to make buttons"
-			var defaultOptions = methods.settings.defaultActions.split(/, ?/);
-			
-			// Loop through all the buttons
-			for( i = 0; i < defaultOptions.length; i++ ) {
-				
-				// Create a variable to store the object in
-				var button;
-				
-				// Get the right value
-				switch( defaultOptions[i] ) {
-					case "bold" :
-						button = { content : "b", command : "bold" };
-					break;
-					case "underline" :
-						button = { content : "u", command : "underline" };
-					break;
-					case "italic" :
-						button = { content : "i", command : "italic" };
-					break;
-					case "strikethrough" :
-						button = { content : "s", command : "strikethrough" };
-					break;
-					case "align-left" :
-						button = { content : "left", command : "JustifyLeft" };
-					break;
-					case "align-center" :
-						button = { content : "center", command : "JustifyCenter" };
-					break;
-					case "align-right" :
-						button = { content : "right", command : "JustifyRight" };
-					break;
-					case "unorderd-list" :
-						button = { content : "ul", command : "InsertUnorderedList" };
-					break;
-					case "ordered-list" :
-						button = { content : "ol", command : "InsertOrderedList" };
-					break;
-					case "image" :
-						button = { content : "img", command : "image" };
-					break;
-					case "link" :
-						button = { content : "link", command : "link" };
-					break;
-					default :
-						button = { content : "", command : "" };
-				}
-				
-		        // Build the buttons and add before the container
-		        $("<a />")
-		        	.addClass( button.command )
-		        	.text( button.content )
-		        	.attr( "data-command", button.command )
-		        	.appendTo( methods.buttons );
-			}
-		},
-		
-		/**
-		*
-		*	Events
-		*	=========================================
-		*	Listen to specific events. The events that 
-		*	are justed in this plugin are click, keydown
-		*	and submit event
-		*
-		*	With the click event we can detect a click on
-		*	a button to modify the text.
-		*
-		*	With the keydown event we can detect or the 
-		*	user uses shortkeys for editing text.
-		*
-		*/		
-		events: function() {
-
-			// Bind to the click event on the buttons
-			$("." + methods.settings.buttonsClass + " a").on("click", function(e) {
-				
-				// React on the button event
-				methods.buttonClicked( e, this );
-			});
-			
-			// Bind to the keydown event while typing
-			$( methods.editor ).contents().find("body").on("keydown", function(e) {
-				
-				// Check for a specific keycode
-				if( e.ctrlKey || e.metaKey ) {
-					methods.shortkey( e, this );
-				}
-			});
-			
-			// Bind the keyup event, to check for changes
-			$( methods.editor ).contents().find("body").on("keyup", function(e) {
-				
-				// Check or the text is changed				
-				var changed = ( $( methods.editor ).contents().find("body").html() !== $(methods.el).text() ) ? true : false;
-				
-				// Call the callback
-				methods.settings.isContentChanged( changed );
-			});
-						
-			// Bind to the submit event of the form
-			$( methods.el ).parents("form").on("submit", function(e) {
-				
-				// First clean the code
-				methods.cleanTheCode();
-				
-				// Put the content back in the textfield
-				methods.putContentBack();
-			}); 
-			
-		},
-		
-		/**
-		*
-		*	buttonClicked
-		*	=========================================
-		*	This function reacts on the fact that a
-		*	button is clicked. Based on the button an
-		*	action will be triggered
-		*
-		*/
-		buttonClicked: function( e, that ) {
-			
-			// Get the command
-			var command = $(that).attr("data-command");
-			
-			// Focus on the contentWindow
-			methods.editor.contentWindow.focus();
-			
-			// Take an other look at the command and look for the perfect action and execute it
-			methods.runCMD( command );
-
-			// And focus back again on the contentWindow
-			methods.editor.contentWindow.focus();				
-		}, 
-		
-		/**
-		*
-		*	shortkey
-		*	=========================================
-		*	Wanna use a shortkey? This function takes
-		*	care for that. You can quickly edit the text
-		*	by using those shortkeys.
-		*
-		*	Currently you can use cmd/ctrl + b, cmd/ctrl + i
-		*	and cmd/ctrl + u to make your text bold, italic
-		*	or underlined.
-		*
-		*/		
-		shortkey: function( e ) {
-			
-			// Define command
-			var command;			
-			
-			// Focus on the contentWindow
-			methods.editor.contentWindow.focus();
-			
-			// Detect for simple actions their functions
-			if( e.which === 66 ) { 
-				command = "bold";
-			} else if( e.which === 73 ) { 
-				command = "italic";
-			} else if( e.which === 85 ) {
-				command = "underline";
-			} else {
-				command = "";
-			}
-			
-			// Run the command
-			methods.runCMD( command );
-			
-			// And focus back again on the contentWindow
-			methods.editor.contentWindow.focus();	
-		},
-		
-		/**
-		*
-		*	runCMD
-		*	=========================================
-		*	This is the real deal. This part of the 
-		*	script handles the actual commands and it 
-		*	can be used by every other function as long
-		*	as it provides a command to execute.
-		*
-		*/				
-		runCMD: function( cmd ) {
-
-	        // Check command for special actions and run it
-	        if( cmd === "image" ) {
-		        
-		        // Check for the insertImage function, this will always be true
-		        if( typeof methods.settings.setImage === "function" ) {
-			        var image = methods.settings.setImage.call();
-		        }
-		        
-		        // Check or a other plugin or CMS added an image to the plugin
-		        var url = ( typeof image !== "undefined" && image.length > 0 ) ? image : prompt("URL (example: http://www.google.com): ");
-		        
-		        // Insert the image in the text editor
-		        return methods.editor.contentWindow.document.execCommand( "InsertImage", false, url);
-		        
-		    } else if( cmd === "link" ) {
-			    var link = prompt("URL (example: http://www.google.com): ");
-			    return methods.editor.contentWindow.document.execCommand( "CreateLink", false, link);	          
-			} else {
-	            return methods.editor.contentWindow.document.execCommand( cmd );
-            }
-        },
-        
-		/**
-		*
-		*	cleanTheCode
-		*	=========================================
-		*	Now we're cleaning up someone's shit. The 
-		*	browsers insert really nasty code ( not semantic )
-		*	in our text editor, but that won't stop us!
-		*
-		*	We're gonna fight back. This function cleans
-		*	the code and makes it pretty. Just like we want too.
-		*
-		*/        
-		cleanTheCode: function() {
-			
-			// Define the body element
-			var body = $(methods.editor).contents().find("body");
-			
-			// Loop through each div tag and change it to a p tag
-			body.find("div").each( function() {
-				// Get the class if avaiable
-				var hasStyle = ( $(this).attr("style") ) ? true : false;
-			
-				// Check or a element is not wrapped
-				if( $(this).parent("p").not("p") ) {
-			
-					// Change the div elements to normal p tags
-					if( hasStyle ) {
-						// Wrap the content into p tags with the style
-						$(this).wrap("<p style=\"" + $(this).attr('style') + "\"></p>");
-					} else {
-						// Wrap the content into p tags
-						$(this).wrap("<p></p>");
-					}
-				}
-			
-				// Unwrap all the div tags
-				$(this).contents().unwrap();
-			});
-			
-			// Unwrap all br tags and remove the ugly div tags
-			body.find("br").unwrap();
-		      
-		    // Get fancy stuff done with the first line	
-			var firstLine = "<p>" + $( body.contents()[0] ).html() + "</p>";
-			
-			// Remove the first line
-			$( body.contents()[0] ).remove();
-			
-			// Add the line on the first line
-			body.prepend( firstLine );
-		},
-        
-		/**
-		*
-		*	putContentBack
-		*	=========================================
-		*	This function is triggered on the submit
-		*	event and is needed to put the content of 
-		*	the texteditor back in the text field
-		*	where the plugin is binded too.
-		*
-		*/        
-		putContentBack: function() {
-			// Grap the content of the iframe
-			var postData = $(methods.editor).contents().find("body").html();
-			
-			// Make sure the textarea is empty
-			$( methods.el ).val( postData );
-		}
-	};
-	
-	
-	// Initialize the plugin	
-	$.fn.texteditor = function( method ) {
-	
-		// Make sure the text editor can bind to all the HTML elements
-		return this.each( function() {
-		
-			// Check for methods
-			if ( methods[method] ) {
-				
-				// Target a specific function
-				return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ) );
-			} else if ( typeof method === 'object' || ! method ) {
-				
-				// No specific method is found, just initialize the plugin
-				return methods.init( this, method );
-			} else {
-				
-				// Method doesn't excist for this plugin
-				$.error( 'Method ' +  method + ' does not exist on jQuery.texteditor' );
-			} 
-		});
-
-	};	
-
-})( jQuery );
+*/(function(e){var t={init:function(n,r){t.el=n;t.settings=e.extend({width:"100%",height:"300px",containerClass:"js-editor-container",buttonsClass:"js-editor-buttons",iFrameClass:"js-editor-iframe",cleanOnSubmit:!0,defaultFont:"Helvetica Neue, Helvetica, arial, sans-serief",defaultFontSize:"1em",defaultFontColor:"#000000",defaultActions:"bold, underline, italic, strikethrough, align-left, align-center, align-right, unordered-list, ordered-list, link, image",isContentChanged:function(){},setImage:function(){}},r);t.render();t.setContent();t.events()},render:function(){t.createTextEditor();t.createButtons()},createTextEditor:function(){e(t.el).hide();t.container=e("<div />").addClass(t.settings.containerClass).css({"float":"left",width:t.settings.width,border:"1px solid #ccc"});e(t.el).after(t.container);t.editor=e("<iframe />").addClass(t.settings.iFrameClass).css({"float":"left",width:t.settings.width,height:t.settings.height,border:"0",overflow:"hidden"}).appendTo(t.container).get(0);t.editor.contentWindow.document.open();t.editor.contentWindow.document.close();t.editor.contentWindow.document.designMode="on";e(t.editor).contents().find("body").css({"word-wrap":"break-word","font-family":t.settings.defaultFont,"font-size":t.settings.defaultFontSize,color:t.settings.defaultFontColor});var n='<style type="text/css">body{padding: 2%;} p { margin: 0; }</style>';e(t.editor).contents().find("head").append(n);t.buttons=e("<div />").addClass(t.settings.buttonsClass).css({"float":"left",width:t.settings.width}).prependTo(t.container)},setContent:function(){var n=e(t.el).text();e(t.editor).contents().find("body").append(n)},createButtons:function(){var n=t.settings.defaultActions.split(/, ?/);for(i=0;i<n.length;i++){var r;switch(n[i]){case"bold":r={content:"b",command:"bold"};break;case"underline":r={content:"u",command:"underline"};break;case"italic":r={content:"i",command:"italic"};break;case"strikethrough":r={content:"s",command:"strikethrough"};break;case"align-left":r={content:"left",command:"JustifyLeft"};break;case"align-center":r={content:"center",command:"JustifyCenter"};break;case"align-right":r={content:"right",command:"JustifyRight"};break;case"unordered-list":r={content:"ul",command:"InsertUnorderedList"};break;case"ordered-list":r={content:"ol",command:"InsertOrderedList"};break;case"image":r={content:"img",command:"image"};break;case"link":r={content:"link",command:"link"};break;default:r={content:"",command:""}}e("<a />").addClass(r.command).text(r.content).attr("data-command",r.command).appendTo(t.buttons)}},events:function(){e("."+t.settings.buttonsClass+" a").on("click",function(e){t.buttonClicked(e,this)});e(t.editor).contents().find("body").on("keydown",function(e){(e.ctrlKey||e.metaKey)&&t.shortkey(e,this)});e(t.editor).contents().find("body").on("keyup",function(n){var r=e(t.editor).contents().find("body").html()!==e(t.el).text()?!0:!1;t.settings.isContentChanged(r)});e(t.el).parents("form").on("submit",function(e){t.cleanTheCode();t.putContentBack()})},buttonClicked:function(n,r){var i=e(r).attr("data-command");t.editor.contentWindow.focus();t.runCMD(i);t.editor.contentWindow.focus()},shortkey:function(e){var n;t.editor.contentWindow.focus();e.which===66?n="bold":e.which===73?n="italic":e.which===85?n="underline":n="";t.runCMD(n);t.editor.contentWindow.focus()},runCMD:function(e){if(e==="image"){if(typeof t.settings.setImage=="function")var n=t.settings.setImage.call();var r=typeof n!="undefined"&&n.length>0?n:prompt("URL (example: http://www.google.com): ");return t.editor.contentWindow.document.execCommand("InsertImage",!1,r)}if(e==="link"){var i=prompt("URL (example: http://www.google.com): ");return t.editor.contentWindow.document.execCommand("CreateLink",!1,i)}return t.editor.contentWindow.document.execCommand(e)},cleanTheCode:function(){var n=e(t.editor).contents().find("body");n.find("div").each(function(){var t=e(this).attr("style")?!0:!1;e(this).parent("p").not("p")&&(t?e(this).wrap('<p style="'+e(this).attr("style")+'"></p>'):e(this).wrap("<p></p>"));e(this).contents().unwrap()});n.find("br").removeAttr("class").unwrap();var r="<p>"+e(n.contents()[0]).html()+"</p>";e(n.contents()[0]).remove();n.prepend(r)},putContentBack:function(){var n=e(t.editor).contents().find("body").html();e(t.el).val(n)}};e.fn.texteditor=function(n){return this.each(function(){if(t[n])return t[n].apply(this,Array.prototype.slice.call(arguments,1));if(typeof n=="object"||!n)return t.init(this,n);e.error("Method "+n+" does not exist on jQuery.texteditor")})}})(jQuery);

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: yellow-text-rails
 version: !ruby/object:Gem::Version 
-  hash: 17
+  hash: 15
   prerelease: 
   segments: 
   - 0
   - 0
-  - 7
-  version: 0.0.7
+  - 8
+  version: 0.0.8
 platform: ruby
 authors: 
 - Stefan Vermaas
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2013-02-10 00:00:00 Z
+date: 2013-02-22 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: railties