ckeditor 3.5.4 → 3.6.0.pre

data/lib/generators/ckeditor/models_generator.rb

@@ -0,0 +1,51 @@
+require 'rails/generators'
+require 'rails/generators/migration'
+
+module Ckeditor
+  module Generators
+    class ModelsGenerator < Rails::Generators::Base
+      include Rails::Generators::Migration
+      
+      desc "Generates migration for Asset (Picture, AttachmentFile) models"
+      
+      # ORM configuration
+      class_option :orm, :type => :string, :default => "active_record",
+        :desc => "Backend processor for upload support"
+                            
+      def self.source_root
+        @source_root ||= File.expand_path(File.join(File.dirname(__FILE__), 'templates', 'models/'))
+      end
+
+      def self.next_migration_number(dirname)
+        Time.now.strftime("%Y%m%d%H%M%S")
+      end
+      
+      def create_models
+        template "#{generator_dir}/asset.rb",
+                 File.join('app/models', ckeditor_dir, "asset.rb")
+        
+        template "#{generator_dir}/picture.rb",
+                 File.join('app/models', ckeditor_dir, "picture.rb")
+        
+        template "#{generator_dir}/attachment_file.rb",
+                 File.join('app/models', ckeditor_dir, "attachment_file.rb")
+      end
+      
+      def create_migration
+        if options[:orm] == "active_record"
+          migration_template "#{generator_dir}/migration.rb", File.join('db/migrate', "create_ckeditor_assets.rb")
+        end
+      end
+      
+      protected
+        
+        def ckeditor_dir
+          'ckeditor'
+        end
+        
+        def generator_dir
+          options[:orm] || "active_record"
+        end
+    end
+  end
+end

data/lib/generators/ckeditor/templates/ckeditor.rb

@@ -0,0 +1,18 @@
+# Use this hook to configure ckeditor
+if Object.const_defined?("Ckeditor")
+  Ckeditor.setup do |config|
+    # ==> ORM configuration
+    # Load and configure the ORM. Supports :active_record (default), :mongo_mapper and
+    # :mongoid (bson_ext recommended) by default. Other ORMs may be
+    # available as additional gems.
+    require 'ckeditor/orm/active_record'
+    
+    # Allowed image file types for upload. 
+    # Set to nil or [] (empty array) for all file types
+    # config.image_file_types = ["jpg", "jpeg", "png", "gif", "tiff"] 
+    
+    # Allowed attachment file types for upload. 
+    # Set to nil or [] (empty array) for all file types
+    # config.attachment_file_types = ["doc", "docx", "rar", "zip", "xls", "swf"]
+  end
+end

data/lib/generators/ckeditor/templates/ckeditor/config.js

@@ -0,0 +1,52 @@
+/*
+Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+CKEDITOR.editorConfig = function( config )
+{
+	// Define changes to default configuration here. For example:
+	// config.language = 'fr';
+	// config.uiColor = '#AADC6E';
+	
+  /* Filebrowser routes */
+  // The location of an external file browser, that should be launched when "Browse Server" button is pressed.
+  config.filebrowserBrowseUrl = "/ckeditor/attachment_files";
+
+  // The location of an external file browser, that should be launched when "Browse Server" button is pressed in the Flash dialog.
+  config.filebrowserFlashBrowseUrl = "/ckeditor/attachment_files";
+
+  // The location of a script that handles file uploads in the Flash dialog.
+  config.filebrowserFlashUploadUrl = "/ckeditor/attachment_files";
+  
+  // The location of an external file browser, that should be launched when "Browse Server" button is pressed in the Link tab of Image dialog.
+  config.filebrowserImageBrowseLinkUrl = "/ckeditor/pictures";
+
+  // The location of an external file browser, that should be launched when "Browse Server" button is pressed in the Image dialog.
+  config.filebrowserImageBrowseUrl = "/ckeditor/pictures";
+
+  // The location of a script that handles file uploads in the Image dialog.
+  config.filebrowserImageUploadUrl = "/ckeditor/pictures";
+  
+  // The location of a script that handles file uploads.
+  config.filebrowserUploadUrl = "/ckeditor/attachment_files";
+  
+  /* Extra plugins */
+  // works only with en, ru, uk locales
+  config.extraPlugins = "embed,attachment";
+  
+  /* Toolbars */
+  config.toolbar = 'Easy';
+  
+  config.toolbar_Easy =
+    [
+        ['Source','-','Preview'],
+        ['Cut','Copy','Paste','PasteText','PasteFromWord',],
+        ['Undo','Redo','-','SelectAll','RemoveFormat'],
+        ['Styles','Format'], ['Subscript', 'Superscript', 'TextColor'], ['Maximize','-','About'], '/',
+        ['Bold','Italic','Underline','Strike'], ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
+        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
+        ['Link','Unlink','Anchor'], ['Image', 'Attachment', 'Flash', 'Embed'],
+        ['Table','HorizontalRule','Smiley','SpecialChar','PageBreak']
+    ];
+};

data/lib/generators/ckeditor/templates/ckeditor/filebrowser/javascripts/application.js

@@ -0,0 +1,222 @@
+(function($) {
+  $.QueryString = (function(a) {
+    if (a == "") return {};
+    var b = {};
+    for (var i = 0; i < a.length; ++i)
+    {
+      var p=a[i].split('=');
+      if (p.length != 2) continue;
+      b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
+    }
+    return b;
+  })(window.location.search.substr(1).split('&'))
+})(jQuery);
+
+$(document).ready(function(){
+  $("div.gal-item div.gal-inner-holder")
+    .live('mouseover', function(e){
+      $(this).addClass('hover');
+    })
+    .live('mouseout', function(e){
+      $(this).removeClass('hover');
+    })
+    .live('click', function(e){
+      var url = $(this).parents('div.gal-item').data('url');
+      CKEDITOR.tools.callFunction(CKEditorFuncNum, url);
+      window.close();
+    });
+  
+  $("div.gal-item a.gal-del").live('ajax:complete', function(xhr, status){
+    $(this).parents('div.gal-item').remove();
+  });
+});
+
+// Collection of all instances on page
+qq.FileUploader.instances = new Object();
+
+/**
+ * Class that creates upload widget with drag-and-drop and file list
+ * @inherits qq.FileUploaderBasic
+ */
+qq.FileUploaderInput = function(o){
+    // call parent constructor
+    qq.FileUploaderBasic.apply(this, arguments);
+    
+    // additional options    
+    qq.extend(this._options, {
+        element: null,
+        // if set, will be used instead of qq-upload-list in template
+        listElement: null,
+        
+        template_id: '#fileupload_tmpl',       
+        
+        classes: {
+            // used to get elements from templates
+            button: 'fileupload-button',
+            drop: 'fileupload-drop-area',
+            dropActive: 'fileupload-drop-area-active',
+            list: 'fileupload-list',
+            preview: 'fileupload-preview',
+                        
+            file: 'fileupload-file',
+            spinner: 'fileupload-spinner',
+            size: 'fileupload-size',
+            cancel: 'fileupload-cancel',
+
+            // added to list item when upload completes
+            // used in css to hide progress spinner
+            success: 'fileupload-success',
+            fail: 'fileupload-fail'
+        }
+    });
+    // overwrite options with user supplied    
+    qq.extend(this._options, o);       
+
+    this._element = document.getElementById(this._options.element);
+    this._listElement = this._options.listElement || this._find(this._element, 'list');
+    
+    this._classes = this._options.classes;
+        
+    this._button = this._createUploadButton(this._find(this._element, 'button'));        
+    
+    //this._setupDragDrop();
+    
+    qq.FileUploader.instances[this._element.id] = this;
+};
+
+// inherit from Basic Uploader
+qq.extend(qq.FileUploaderInput.prototype, qq.FileUploaderBasic.prototype);
+
+qq.extend(qq.FileUploaderInput.prototype, {
+    /**
+     * Gets one of the elements listed in this._options.classes
+     **/
+    _find: function(parent, type){                                
+        var element = qq.getByClass(parent, this._options.classes[type])[0];        
+        if (!element){
+          alert(type);
+            throw new Error('element not found ' + type);
+        }
+        
+        return element;
+    },
+    _setupDragDrop: function(){
+        var self = this,
+            dropArea = this._find(this._element, 'drop');                        
+
+        var dz = new qq.UploadDropZone({
+            element: dropArea,
+            onEnter: function(e){
+                qq.addClass(dropArea, self._classes.dropActive);
+                e.stopPropagation();
+            },
+            onLeave: function(e){
+                e.stopPropagation();
+            },
+            onLeaveNotDescendants: function(e){
+                qq.removeClass(dropArea, self._classes.dropActive);  
+            },
+            onDrop: function(e){
+                dropArea.style.display = 'none';
+                qq.removeClass(dropArea, self._classes.dropActive);
+                self._uploadFileList(e.dataTransfer.files);    
+            }
+        });
+                
+        dropArea.style.display = 'none';
+
+        qq.attach(document, 'dragenter', function(e){     
+            if (!dz._isValidFileDrag(e)) return; 
+            
+            dropArea.style.display = 'block';            
+        });                 
+        qq.attach(document, 'dragleave', function(e){
+            if (!dz._isValidFileDrag(e)) return;            
+            
+            var relatedTarget = document.elementFromPoint(e.clientX, e.clientY);
+            // only fire when leaving document out
+            if ( ! relatedTarget || relatedTarget.nodeName == "HTML"){               
+                dropArea.style.display = 'none';                                            
+            }
+        });                
+    },
+    _onSubmit: function(id, fileName){
+        qq.FileUploaderBasic.prototype._onSubmit.apply(this, arguments);
+        this._addToList(id, fileName);  
+    },
+    _onProgress: function(id, fileName, loaded, total){
+        qq.FileUploaderBasic.prototype._onProgress.apply(this, arguments);
+
+        var item = this._getItemByFileId(id);
+        var size = this._find(item, 'size');
+        
+        var text; 
+        if (loaded != total){
+            text = Math.round(loaded / total * 100) + '% from ' + this._formatSize(total);
+        } else {                                   
+            text = this._formatSize(total);
+        }          
+        
+        qq.setText(size, text);
+    },
+    _onComplete: function(id, fileName, result){
+        qq.FileUploaderBasic.prototype._onComplete.apply(this, arguments);
+
+        var item = this._getItemByFileId(id);
+        var asset = result.asset;
+        
+        if (asset && asset.id){
+            qq.addClass(item, this._classes.success);
+            
+            asset.size = this._formatSize(asset.size);
+            asset.controller = (asset.type.toLowerCase() == "ckeditor::picture" ? "pictures" : "attachment_files");
+            
+            $(item).replaceWith($(this._options.template_id).tmpl(asset));
+        } else {
+            qq.addClass(item, this._classes.fail);
+        }
+    },
+    _addToList: function(id, fileName){
+        if (this._listElement) {
+          if (this._options.multiple === false) {
+            $(this._listElement).empty();
+          }
+          
+          var asset = {
+            id: 0, 
+            filename: this._formatFileName(fileName), 
+            size: 0,
+            format_created_at: '',
+            url_content: "#",
+            controller: "assets",
+            url_thumb: "/javascripts/ckeditor/filebrowser/images/preloader.gif"
+          };
+          
+          var item = $(this._options.template_id)
+            .tmpl(asset)
+            .attr('qqfileid', id)
+            .prependTo( this._listElement );
+          
+          item.find('div.img').addClass('preloader');
+          
+          this._bindCancelEvent(item);
+        }
+    },
+    _getItemByFileId: function(id){
+        return $(this._listElement).find('div[qqfileid=' + id  +']').get(0); 
+    },
+    /**
+     * delegate click event for cancel link 
+     **/
+    _bindCancelEvent: function(element){
+        var self = this,
+            item = $(element);        
+        
+        item.find('a.' + this._classes.cancel).bind('click', function(e){
+          self._handler.cancel( item.attr('qqfileid') );
+          item.remove();
+          qq.preventDefault(e);
+          return false;
+        });
+    }
+});

data/lib/generators/ckeditor/templates/ckeditor/filebrowser/stylesheets/uploader.css

@@ -0,0 +1,112 @@
+body {
+	padding: 0;
+	margin: 0;
+	font-family: Arial, Helvetica, sans-serif;
+}
+.gal-holder {
+	display: block;
+	overflow: hidden;
+	padding: 20px;
+}
+.gal-holder .gal-item {
+	display: block;
+	float: left;
+	width: 150px;
+	overflow: hidden;
+	position: relative;
+	margin: 0 12px 12px 0;
+}
+.gal-holder .gal-item .gal-del {
+	display: block;
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+.gal-holder .gal-item .gal-del:hover {
+	-moz-opacity: 0.7; 
+	-khtml-opacity: 0.7;
+	opacity: 0.7;
+}
+.gal-holder .gal-item .gal-upload-holder .add {
+	display: block;
+	color: #2e5aff;
+	background: url(/javascripts/ckeditor/filebrowser/images/gal_add.png) no-repeat left center;
+	padding-left: 33px;
+	line-height: 25px;
+	text-decoration: none;
+	margin: 50px 0 0 10px;
+	font-size: 14px;
+}
+.gal-holder .gal-item .gal-upload-holder .add:hover {
+	text-decoration: underline;
+}
+.gal-holder .gal-item .gal-inner-holder, .gal-holder .gal-item .gal-upload-holder {
+	display: block;
+	margin: 6px 6px 0 0;
+	overflow: hidden;
+	padding: 12px;
+	background: #fff;
+	border: solid 1px #D3D3D3;
+	min-height: 138px;
+}
+.gal-holder .gal-item .gal-inner-holder.hover {
+    background: #DFF1FF;
+    border: solid 1px #99CCFF;
+}
+.gal-holder .gal-item .gal-inner-holder.selected {
+    background: #B4D9FF;
+    border: solid 1px #6565FE;
+}
+.gal-holder .gal-item .gal-inner-holder .img {
+	height: 100px;
+	overflow: hidden;
+	cursor:pointer;
+}
+.gal-holder .gal-item .gal-inner-holder .img.preloader {
+	padding: 27px 0 0 33px;
+	height: 73px;
+}
+.gal-holder .gal-item .gal-inner-holder .img-data {
+	display: block;
+	overflow: hidden;
+	padding-top: 5px;
+}
+.gal-holder .gal-item .gal-inner-holder .img-data .img-name {
+	display: block;
+	color: #333;
+	padding-bottom: 5px;
+	font-size: 12px;
+	overflow: hidden;
+	width: 500px;
+}
+.gal-holder .gal-item .gal-inner-holder .img-data .time-size {
+	display: block;
+	overflow: hidden;
+	font-size: 10px;
+	color: #666;
+}
+.gal-holder .gal-item .gal-inner-holder .img-data .time-size .time {
+	display: block;
+	float: left;
+}
+.gal-holder .gal-item .gal-inner-holder .img-data .time-size .size {
+	display: block;
+	float: right;
+}
+.gal-more {
+	display: block;
+	overflow: hidden;
+	border-top: dashed 1px #d3d3d3;
+	padding: 20px 0;
+	text-align: center;
+}
+.gal-more a {
+	color: #2e5aff;
+	background: url(/javascripts/ckeditor/filebrowser/images/gal_more.gif) no-repeat left center;
+	padding-left: 15px;
+	font-size: 14px;
+	text-decoration: none;
+}
+.gal-more a:hover {
+	text-decoration: underline;
+}