ckeditor-imgur 1.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 2eff047b45b7c5ff062cd2361b4d346482b7a3be
+  data.tar.gz: 02f581b75a4f88b7e023dbffe5cc851aca219884
+SHA512:
+  metadata.gz: d6ae2359f154044fb438c70cd5cd30fee5683f4ed29ed141d039a30e90004bdc68342e4a483eabaa4f29af9f7c830758659e31b5eebf7e76a6a7393ab52091b4
+  data.tar.gz: 65187d558ac7b92729363b17dfc32751150f77dbe410bde6daab02f7eaa165a9379fda71807355b428d6c4c6a17c48a2f35767244049c14ac31c185dcbe739e8

data/.gitignore

@@ -0,0 +1,23 @@
+*.gem
+*.rbc
+.idea
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in ckeditor-imgur.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2015 JSON
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,48 @@
+# Ckeditor::Imgur
+
+A CKEditor plugin that help you upload images to `imgur` in easy way.
+
+`imgur` is a photo storage service for free.
+
+## Installation
+
+You must install [CKEditor](https://github.com/galetahub/ckeditor) first and do following:
+
+Add this line to your application's Gemfile:
+
+    gem 'ckeditor-imgur'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install ckeditor-imgur
+
+## Usage
+
+After ckeditor-imgur installed, add plugin setting to your CKEditor `app/assets/javascripts/ckeditor/config.js`:
+
+```
+CKEDITOR.editorConfig = function (config) {
+    ...
+    config.extraPlugins = 'imgur';
+    // Get your client-id from https://api.imgur.com/oauth2/addclient
+    config.imgurClientID = '55d8ba08326ec75';
+    ...
+};
+```
+
+That's all. Your CKEditor have a imgur button in insert group.
+
+![ckeditor-imgur demo](http://g.recordit.co/bogXrZl0H0.gif)
+
+
+## Contributing
+
+1. Fork it ( https://github.com/[my-github-username]/ckeditor-imgur/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

data/Rakefile

@@ -0,0 +1,2 @@
+require "bundler/gem_tasks"
+

data/ckeditor-imgur.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'ckeditor/imgur/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "ckeditor-imgur"
+  spec.version       = Ckeditor::Imgur::VERSION
+  spec.authors       = ["JSON"]
+  spec.email         = ["yfxie@me.com"]
+  spec.summary       = %q{CKEditor image upload plugin}
+  spec.description   = %q{A CKEditor plugin that help you upload image to imgur in easy way}
+  spec.homepage      = "https://github.com/yfxie/ckeditor-imgur"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.6"
+  spec.add_development_dependency "rake"
+end

data/lib/ckeditor/imgur.rb

@@ -0,0 +1,9 @@
+require "ckeditor/imgur/version"
+
+module Ckeditor
+  module Imgur
+    class Engine < ::Rails::Engine
+
+    end
+  end
+end

data/lib/ckeditor/imgur/version.rb

@@ -0,0 +1,5 @@
+module Ckeditor
+  module Imgur
+    VERSION = "1.0.0"
+  end
+end

data/vendor/assets/javascripts/ckeditor/plugins/imgur/lang/en.js

@@ -0,0 +1,5 @@
+CKEDITOR.plugins.setLang('imgur', 'en', {
+    clientIdMissing: 'Add config.imgurClientID to your assets/javascripts/ckeditor/config.js',
+    uploading: ' images are uploading...',
+    failToUpload: 'Failed to upload:'
+});

data/vendor/assets/javascripts/ckeditor/plugins/imgur/lang/zh.js

@@ -0,0 +1,5 @@
+CKEDITOR.plugins.setLang('imgur', 'zh', {
+    clientIdMissing: '請加入config.imgurClientID到您的設定檔',
+    uploading: '張圖片正在上傳中...',
+    failToUpload: '上傳失敗:'
+});

data/vendor/assets/javascripts/ckeditor/plugins/imgur/plugin.js

@@ -0,0 +1,79 @@
+( function() {
+    CKEDITOR.plugins.add( 'imgur',
+        {
+            lang: ['zh', 'en'],
+            init: function( editor )
+            {
+                ClientId = editor.config.imgurClientId;
+                if(!ClientId)
+                    alert(editor.lang.imgur.clientIdMissing);
+
+                var count = 0;
+                var $placeholder = $("<div></div>").css({
+                    position: 'absolute', bottom: 0, left: 0, right: 0, backgroundColor: "rgba(20, 20, 20, .6)", padding: 5, color: "#fff"
+                }).hide();
+
+                editor.on("instanceReady", function (){
+                    var $w = $(editor.window.getFrame().$).parent();
+                    $w.css({ position:'relative' });
+                    $placeholder.appendTo($w);
+                });
+
+                editor.ui.addButton( 'Imgur',
+                    {
+                        label : "Imgur",
+                        toolbar : 'insert',
+                        command : 'imgur',
+                        icon : this.path + 'images/icon.png'
+                    });
+
+                editor.addCommand( 'imgur', {
+                    exec: function(){
+                        $input = $('<input type="file" multiple/>');
+                        $input.on("change", function (e) {
+                            files = e.target.files;
+                            $.each(files, function(i, file){
+                                count++;
+                                form = new FormData();
+                                form.append('image', file);
+                                $.ajax({
+                                    url: 'https://api.imgur.com/3/image',
+                                    headers: { Authorization: "Client-ID " + ClientId },
+                                    type: 'POST',
+                                    data: form,
+                                    cache: false,
+                                    contentType: false,
+                                    processData: false
+                                }).always(function(jqXHR){
+                                    count--;
+                                    $placeholder.text(count + editor.lang.imgur.uploading).toggle(count != 0);
+
+                                    if(jqXHR.status != 200 ) {
+                                        res = $.parseJSON(jqXHR.responseText);
+                                    }else{
+                                        res = jqXHR;
+                                    }
+
+                                    if(res.data.error) {
+                                        alert(editor.lang.imgur.failToUpload + res.data.error);
+                                    } else {
+                                        content = '<img src="' + res.data.link +'"/>';
+                                        var element = CKEDITOR.dom.element.createFromHtml(content);
+                                        editor.insertElement(element);
+                                    }
+
+
+                                });
+                            });
+                            $placeholder.text(count + editor.lang.imgur.uploading).fadeIn();
+                        });
+
+                        $input.click();
+
+                    }
+                });
+
+            }
+        });
+})();
+

metadata

@@ -0,0 +1,84 @@
+--- !ruby/object:Gem::Specification
+name: ckeditor-imgur
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+platform: ruby
+authors:
+- JSON
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-05-19 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: A CKEditor plugin that help you upload image to imgur in easy way
+email:
+- yfxie@me.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- ckeditor-imgur.gemspec
+- lib/ckeditor/imgur.rb
+- lib/ckeditor/imgur/version.rb
+- vendor/assets/javascripts/ckeditor/plugins/imgur/images/icon.png
+- vendor/assets/javascripts/ckeditor/plugins/imgur/lang/en.js
+- vendor/assets/javascripts/ckeditor/plugins/imgur/lang/zh.js
+- vendor/assets/javascripts/ckeditor/plugins/imgur/plugin.js
+homepage: https://github.com/yfxie/ckeditor-imgur
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: CKEditor image upload plugin
+test_files: []