imperavi-rails 0.0.2.beta → 0.0.3.beta

data/README.md

@@ -8,11 +8,15 @@ I created this mountable engine with Imperavi so now you can easily integrate th
 
 Put this line into your Gemfile:
 
-    gem 'imperavi-rails'
+```ruby
+gem 'imperavi-rails'
+```
 
 Then mount the engine in routes.rb:
 
-    mount ImperaviRails::Engine => "/imperavi"
+```ruby
+mount ImperaviRails::Engine => "/imperavi"
+```
 
 And you're done!
 
@@ -20,14 +24,17 @@ And you're done!
 
 Add this helpers into the your view that contains a form:
 
+```ruby
     <%= include_imperavi_stylesheet %>
     <%= include_imperavi_javascript %>
     <%= imperavi :page_article %>
+```
 
 In this example `page_article` is an id of textarea field. You can pass additional options to `imperavi` helper as second argument. See the full list of options here: https://github.com/tanraya/imperavi-rails/blob/master/app/helpers/imperavi_rails/imperavi_helper.rb#L35
 
 You may want the text on your page to be styled the same way as it looks in the editor. To do this, add the following styles into your `application.css.scss` (provided that the text on the page is enclosed with `article` tag):
 
+```scss
     @import "imperavi-rails/imperavi/imperavi-base";
 
     body {
@@ -55,10 +62,15 @@ You may want the text on your page to be styled the same way as it looks in the
         }
       }
     }
+```
 
-## Deal with images: uploading, images list
+## Deal with images
 
-For details look at the Dummy app sources: https://github.com/tanraya/imperavi-rails/tree/master/spec/dummy
+Uploading images is not part of the imperavi-rails. You have to implement this functionality in your application yourself. It's easy. Read the docs below.
+
+* [How to upload images with imperavi-rails](https://github.com/tanraya/imperavi-rails/wiki/How-to-upload-images-with-imperavi-rails)
+
+Also you can see Dummy app that has working images uploading: https://github.com/tanraya/imperavi-rails/tree/master/spec/dummy
 
 # Contribute
 

data/app/assets/javascripts/imperavi-rails/imperavi/dd_upload.js

@@ -0,0 +1,100 @@
+/*
+	Plugin Drag and drop Upload v1.0.0
+	http://imperavi.com/ 
+	Copyright 2011, Imperavi Ltd.
+*/
+(function($){
+	
+	// Initialization	
+	$.fn.dragupload = function(options)
+	{		
+		return this.each(function() {
+			var obj = new Construct(this, options);
+			obj.init();
+		});
+	};
+	
+	// Options and variables	
+	function Construct(el, options) {
+		this.opts = $.extend({
+			url: false,
+			success: false,
+			maxfilesize: 10485760, // 10MB
+			preview: false,
+			text: RLANG.drop_file_here,
+			atext: RLANG.or_choose
+		}, options);
+		
+		this.$el = $(el);
+	};
+
+	// Functionality
+	Construct.prototype = {
+		init: function()
+		{	
+			if (!$.browser.opera && !$.browser.msie) 
+			{	
+				this.droparea = $('<div class="redactor_droparea"></div>');
+				this.dropareabox = $('<div class="redactor_dropareabox">' + this.opts.text + '</div>');	
+				this.dropalternative = $('<div class="redactor_dropalternative">' + this.opts.atext + '</div>');
+				
+				this.droparea.append(this.dropareabox);	
+				
+				this.$el.before(this.droparea);	
+				this.$el.before(this.dropalternative);	
+				
+				
+				// drag over
+				this.dropareabox.bind('dragover', function() { return this.ondrag(); }.bind2(this));
+				
+				// drag leave
+				this.dropareabox.bind('dragleave', function() { return this.ondragleave(); }.bind2(this));	
+				
+				
+				// drop
+			    this.dropareabox.get(0).ondrop = function(event) {
+			        event.preventDefault();
+			        
+			        this.dropareabox.removeClass('hover').addClass('drop');
+			        
+			        var file = event.dataTransfer.files[0];
+			  		var fd = new FormData();
+
+	 				fd.append('file', file); 
+	 				
+					$.ajax({
+					    url: this.opts.url,
+					    data: fd,
+					    //xhr: provider,
+					    cache: false,
+					    contentType: false,
+					    processData: false,
+					    type: 'POST',
+					    success: function(data)
+					    {
+					    	if (this.opts.success !== false) this.opts.success(data);
+
+					    	if (this.opts.preview === true) this.dropareabox.html(data);
+					    	//else this.dropareabox.text(this.opts.success_text);
+					    
+					    }.bind2(this)
+					});		   
+			        
+			  
+			    }.bind2(this);				
+			}
+		},
+		ondrag: function()
+		{
+			this.dropareabox.addClass('hover');
+			return false;
+		},
+		ondragleave: function()
+		{
+			this.dropareabox.removeClass('hover'); 
+			return false;
+		}
+	};
+
+	
+})(jQuery);

data/app/assets/javascripts/imperavi-rails/imperavi/linkify.js

@@ -0,0 +1,30 @@
+// Define: Linkify plugin from stackoverflow
+(function($){
+     var url2 = /(^|<|\s)(((https?|ftp):\/\/|mailto:).+?)(\s|>|$)/g;
+
+      linkifyThis = function () 
+      {
+			var childNodes = this.childNodes,
+			i = childNodes.length;
+			while(i--)
+			{
+				var n = childNodes[i];
+				if (n.nodeType == 3) 
+				{
+					var html = n.nodeValue;
+					if (html)
+					{
+						html = html.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(url2, '$1<a href="$2">$2</a>$5');
+						$(n).after(html).remove();
+					}
+				}
+				else if (n.nodeType == 1  &&  !/^(a|button|textarea)$/i.test(n.tagName)) linkifyThis.call(n);
+			}
+      };
+	
+	$.fn.linkify = function () 
+	{
+		this.each(linkifyThis);
+	};
+
+})(jQuery);