synapses-tinymce-rails-imageupload 0.1.0

data/.gitignore

@@ -0,0 +1,4 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*

data/CHANGELOG.markdown

@@ -0,0 +1,17 @@
+## 3.4.9.1 (April 24, 2012)
+
+* Work with Rails' CSRF protection by copying the token into our form before submitting it
+
+## 3.4.9 (April 5, 2012)
+
+* Document how to use I18n with the gem
+* Explicitly require tinymce-rails so tinymce-rails-imageupload can be alone in the gemfile
+* Update dependency to tinymce-rails 3.4.9
+
+## 3.4.8.1 (March 7, 2012)
+
+* Added support for setting height and width for the inserted image
+
+## 3.4.8 (February 29, 2012)
+
+* Initial release

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in tinymce-rails-imageupload.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,21 @@
+MIT LICENSE
+
+Copyright (c) 2011 Per Christian B. Viken <perchr@northblue.org>
+
+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.markdown

@@ -0,0 +1,85 @@
+# tinymce-rails-imageupload
+
+Simple plugin for TinyMCE that allows uploading images and inserting.
+It makes no assumptions about how you store the images, but it POSTs to a URL and expects JSON back (see the Setup section).
+
+This plugin borrows heavily from work done by [Peter Shoukry](http://77effects.com/).
+
+The icon used for the button comes from the icon set [Silk by famfamfam](http://www.famfamfam.com/lab/icons/silk/)
+
+## Requirements
+
+  * Rails >= 3.1
+  * TinyMCE using the advanced theme and jQuery
+
+## Setup
+
+Add the gem to your Gemfile
+
+    gem 'tinymce-rails-imageupload', '~> 3.4.8'
+
+Set up TinyMCE as you would normally, but in the call to `.tinymce()`, add
+
+    plugins: "uploadimage"
+    # theme_advanced_buttonsX must include "uploadimage" somewhere to have the button appear
+
+and the rest should happen automatically.
+
+The plugin POSTs to `/tinymce_assets` by default, which is currently not configurable ([issue #3](https://github.com/PerfectlyNormal/tinymce-rails-imageupload/issues/3)).
+Set it up using something similar in `routes.rb`
+
+    post '/tinymce_assets' => 'tinymce_assets#create'
+
+This action gets called with a file parameter creatively called `file`, and must respond with JSON, containing the URL to the image.
+The JSON has to be returned with a content type of "text/html" to work, which is going to be fixed as soon as possible ([issue #7](https://github.com/PerfectlyNormal/tinymce-rails-imageupload/issues/7)).
+Example:
+
+    class TinymceAssetsController < ApplicationController
+      def create
+        # Take upload from params[:file] and store it somehow...
+
+        render json: {
+          image: {
+            url: view_context.image_url(image)
+          }
+        }, content_type: "text/html"
+      end
+    end
+
+If the JSON response contains a `width` and/or `height` key, those will be used in the inserted HTML (`<img src="..." width="..." height="...">`), but if those are not present, the inserted HTML is just `<img src="...">`.
+
+## Internationalization
+
+I18n is taken care of by `tinymce-rails`. This gem includes strings for English and Norwegian. 
+To add your own language, create the files `<code>.js` and `<code>_dlg.js` in `vendor/assets/javascripts/tinymce/plugins/uploadimage/langs` in your application,
+or fork the gem and add your own translations there.
+
+The available strings are listed below:
+
+### en.js
+
+    tinyMCE.addI18n('en.uploadimage', {
+      desc: 'Insert an image from your computer'
+    });
+
+### en_dlg.js
+
+    tinyMCE.addI18n('en.uploadimage_dlg', {
+      title: 'Insert image',
+      header: "Insert image",
+      input:  "Choose an image",
+      insert: "Insert",
+      cancel: "Cancel"
+    });
+
+## Versioning
+
+The version of this gem will be mirroring the release of `tinymce-rails` it is tested against.
+
+## Licensing
+
+The plugin is released under the MIT license.
+
+TinyMCE is released under the LGPL Version 2.1.
+
+The icon used for the button comes from the icon set Silk from famfamfam, released under the [Creative Commons Attribution 3.0 License](http://creativecommons.org/licenses/by/3.0/)

data/Rakefile

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

data/lib/tinymce-rails-imageupload.rb

@@ -0,0 +1,3 @@
+require "tinymce-rails"
+require "tinymce-rails-imageupload/version"
+require "tinymce-rails-imageupload/rails"

data/lib/tinymce-rails-imageupload/rails.rb

@@ -0,0 +1,8 @@
+module Tinymce
+  module Rails
+    module Imageupload
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

data/lib/tinymce-rails-imageupload/version.rb

@@ -0,0 +1,7 @@
+module Tinymce
+  module Rails
+    module Imageupload
+      VERSION = "0.1.0"
+    end
+  end
+end

data/synapses-tinymce-imageupload.gemspec

@@ -0,0 +1,22 @@
+# encoding: utf-8
+$:.push File.expand_path("../lib", __FILE__)
+require "tinymce-rails-imageupload/version"
+
+Gem::Specification.new do |s|
+  s.name        = "synapses-tinymce-rails-imageupload"
+  s.version     = Tinymce::Rails::Imageupload::VERSION
+  s.authors     = ["Synapses Group"]
+  s.email       = ["tiago@synapses.com.br"]
+  s.homepage    = "https://github.com/synapsesgroup/synapses-tinymce-imageupload"
+  s.summary     = %q{TinyMCE plugin for taking image uploads in Rails >= 3.1}
+  s.description = %q{TinyMCE plugin for taking image uploads in Rails >= 3.1}
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.require_paths = ["lib"]
+
+  s.add_runtime_dependency     "railties",      ">= 3.1"
+  s.add_runtime_dependency     "tinymce-rails", ">= 3.4.9"
+  s.add_development_dependency "bundler",       "~> 1.0.0"
+  s.add_development_dependency "rails",         ">= 3.1"
+end

data/vendor/assets/javascripts/tinymce/plugins/uploadimage/dialog.html

@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>{#uploadimage_dlg.title}</title>
+    <script type="text/javascript" src="../../tiny_mce_popup.js"></script>
+    <script type="text/javascript">
+      tinyMCEPopup.requireLangPack();
+
+      function getFrameByName(name)
+      {
+        for (var i = 0; i < frames.length; i++)
+          if (frames[i].name == name)
+            return frames[i];
+
+        return null;
+      }
+
+      function uploadDone(name)
+      {
+        var frame = getFrameByName(name);
+        if(frame) {
+          ret = frame.document.getElementsByTagName("body")[0].innerHTML;
+
+          if(ret.length) {
+            var json = JSON.parse(ret);
+            var imgstr = "<br><img src='" + json["image"]["url"] + "'";
+
+            if(json["image"]["height"])
+              imgstr += " height='" + json["image"]["height"] + "'";
+            if(json["image"]["width"])
+              imgstr += " width='"  + json["image"]["width"]  + "'";
+
+            imgstr += "/>";
+
+            tinyMCE.execCommand('mceInsertContent', false, imgstr);
+            tinyMCEPopup.close();
+          }
+        }
+      }
+
+      var UploadImageDialog = {
+        init: function() {
+          var f = document.forms[0];
+        },
+
+        insert: function() {
+          document.getElementById("authenticity_token").value = tinyMCE.$("meta[name='csrf-token']")[0].content;
+          document.forms[0].submit();
+        }
+      };
+
+      tinyMCEPopup.onInit.add(UploadImageDialog.init, UploadImageDialog);
+    </script>
+  </head>
+  <body>
+    <form method="post" enctype='multipart/form-data' accept-charset="UTF-8" target="hidden_upload" action='/tinymce_assets' name="uploadimageForm">
+      <input type="hidden" name="utf8" value="✓">
+      <input type="hidden" name="authenticity_token" id="authenticity_token" value="">
+      <iframe id="hidden_upload" name="hidden_upload" src='' onload='uploadDone("hidden_upload")' style='width:0;height:0;border:0px solid #fff'></iframe>
+
+      <h1>{#uploadimage_dlg.header}</h1>
+      <p>{#uploadimage_dlg.input}: <input type="file" name='file' class="file_upload"></p>
+
+      <div class="mceActionPanel">
+        <input type="button" id="insert" name="insert" value="{#uploadimage_dlg.insert}" onclick="UploadImageDialog.insert();"/>
+        <input type="button" id="cancel" name="cancel" value="{#uploadimage_dlg.cancel}" onclick="tinyMCEPopup.close();" />
+      </div>
+    </form>
+  </body>
+</html>

data/vendor/assets/javascripts/tinymce/plugins/uploadimage/editor_plugin.js.coffee

@@ -0,0 +1,40 @@
+(->
+  tinymce.PluginManager.requireLangPack('uploadimage')
+
+  tinymce.create 'tinymce.plugins.UploadImagePlugin', {
+    init: (ed, url) ->
+      ed.addCommand 'mceUploadImage', ->
+        ed.windowManager.open {
+            file:   url + '/dialog.html',
+            width:  320 + parseInt(ed.getLang('uploadimage.delta_width', 0)),
+            height: 180 + parseInt(ed.getLang('uploadimage.delta_height', 0)),
+            inline: 1
+          }, {
+            plugin_url: url
+          }
+
+      ed.addButton 'uploadimage', {
+        title: 'uploadimage.desc',
+        cmd:   'mceUploadImage',
+        image: url + '/img/uploadimage.png'
+      }
+
+      # Selects the button in the UI when a image is selected
+      ed.onNodeChange.add (ed, cm, n) ->
+        cm.setActive('uploadimage', n.nodeName == 'IMG')
+
+    createControl: (n, cm) ->
+      null
+
+    getInfo: () ->
+      {
+        longname: 'UploadImage plugin',
+        author: 'Per Christian B. Viken (borrows heavily from work done by Peter Shoukry of 77effects.com)',
+        authorurl: 'eastblue.org/oss',
+        infourl: 'eastblue.org/oss',
+        version: '1.0'
+      }
+  }
+
+  tinymce.PluginManager.add 'uploadimage', tinymce.plugins.UploadImagePlugin
+)()

data/vendor/assets/javascripts/tinymce/plugins/uploadimage/langs/en.js

@@ -0,0 +1,3 @@
+tinyMCE.addI18n('en.uploadimage', {
+  desc: 'Insert an image from your computer'
+});

data/vendor/assets/javascripts/tinymce/plugins/uploadimage/langs/en_dlg.js

@@ -0,0 +1,7 @@
+tinyMCE.addI18n('en.uploadimage_dlg', {
+  title: 'Insert image',
+  header: "Insert image",
+  input:  "Choose an image",
+  insert: "Insert",
+  cancel: "Cancel"
+});

data/vendor/assets/javascripts/tinymce/plugins/uploadimage/langs/nb.js

@@ -0,0 +1,3 @@
+tinyMCE.addI18n('nb.uploadimage', {
+  desc: 'Sett inn et bilde fra datamaskinen'
+});

data/vendor/assets/javascripts/tinymce/plugins/uploadimage/langs/nb_dlg.js

@@ -0,0 +1,7 @@
+tinyMCE.addI18n('nb.uploadimage_dlg', {
+  title: 'Sett inn bilde',
+  header: "Sett inn bilde",
+  input:  "Velg et bilde",
+  insert: "Sett inn",
+  cancel: "Avbryt"
+});

metadata

@@ -0,0 +1,126 @@
+--- !ruby/object:Gem::Specification
+name: synapses-tinymce-rails-imageupload
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+  prerelease: 
+platform: ruby
+authors:
+- Synapses Group
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-06-19 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+- !ruby/object:Gem::Dependency
+  name: tinymce-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.4.9
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.4.9
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 1.0.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 1.0.0
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+description: TinyMCE plugin for taking image uploads in Rails >= 3.1
+email:
+- tiago@synapses.com.br
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- CHANGELOG.markdown
+- Gemfile
+- LICENSE
+- README.markdown
+- Rakefile
+- lib/tinymce-rails-imageupload.rb
+- lib/tinymce-rails-imageupload/rails.rb
+- lib/tinymce-rails-imageupload/version.rb
+- synapses-tinymce-imageupload.gemspec
+- vendor/assets/javascripts/tinymce/plugins/uploadimage/dialog.html
+- vendor/assets/javascripts/tinymce/plugins/uploadimage/editor_plugin.js.coffee
+- vendor/assets/javascripts/tinymce/plugins/uploadimage/img/uploadimage.png
+- vendor/assets/javascripts/tinymce/plugins/uploadimage/langs/en.js
+- vendor/assets/javascripts/tinymce/plugins/uploadimage/langs/en_dlg.js
+- vendor/assets/javascripts/tinymce/plugins/uploadimage/langs/nb.js
+- vendor/assets/javascripts/tinymce/plugins/uploadimage/langs/nb_dlg.js
+homepage: https://github.com/synapsesgroup/synapses-tinymce-imageupload
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: TinyMCE plugin for taking image uploads in Rails >= 3.1
+test_files: []