tinymce-rails-fileupload 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: cb2d2c1d7e222106fdede52b64f7ec931cc0d696
+  data.tar.gz: 72d5b7b3e1ba261ef43c1eb08624d1d8179fceb0
+SHA512:
+  metadata.gz: eecf1642028e247fc9f0cd95c77cf90cb26d5f14fab40afe22767d516bab15489069ddbf42840dbdef29a62b9787f38db447cb64f2af0f236ccd1af2ffd0560e
+  data.tar.gz: 56052c22e35bd0bc0d37e7b611768f018db8c56576951af4030b30d68b8ac1cc5ed15a4a02a465c2256dc60f7ec73d51f1e403f661e6c7aca86f902bd4202fff

data/CHANGELOG.md

@@ -0,0 +1,3 @@
+# 0.0.1 / 2015-03-23
+
+* Initial release

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2015 Dreyer Calitz
+
+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,86 @@
+# tinymce-rails-fileupload plugin
+
+Simple plugin for TinyMCE4 that allows for uploading files from your computer and inserting a link to the uploaded document.
+
+It makes no assumption on how you store the files, it simply POSTs data to a URL and expects a JSON response (see the Setup).
+
+This plugin started as a copy of [tinymce-rails-imageupload](https://github.com/PerfectlyNormal/tinymce-rails-imageupload). 
+
+## Requirements
+
+* Rails >= 4.0
+* TinyMCE4 using the advanced theme
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'tinymce-rails-fileupload'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install tinymce-rails-fileupload
+
+## Setup
+
+### Set up TinyMCE as you would normally, but in the call to `.tinymce()`, add
+
+    plugins: "uploadfile"
+    # toolbar option must include "uploadfile" somewhere to have the button appear
+
+and the rest should happen automatically.
+
+### Set up upload URL and handler
+
+The plugin defaults to POSTing to `/tinymce_assets`.
+
+You may modify it by supplying the option `uploadfile_form_url` in the call to `.tinymce()`
+
+Routing to your controller must be done manually.
+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 `document[file]`,
+and must respond with JSON, containing the URL and title of the document.
+
+The JSON has to be returned with a content type of "text/html" to work.
+
+Example:
+
+    class TinymceAssetsController < ApplicationController
+      respond_to :json
+
+      def create
+        document = Document.create(document_params)
+
+        render json: {
+          document: {
+            url: document.file.url,
+            title: document.title
+          },
+          target: params[:target].to_s
+        }, layout: false, content_type: "text/html"
+      end
+      
+      private
+      
+        def document_params
+          params.require(:document).permit(:file, :title)
+        end
+    end
+
+
+Inserted HTML is just `<a href="..." title="...">Link text</a>`.
+
+## Contributing
+
+1. Fork it ( https://github.com/[my-github-username]/tinymce-rails-documentupload/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/app/assets/javascripts/tinymce/plugins/uploadfile/langs/en.js

@@ -0,0 +1,12 @@
+tinyMCE.addI18n("en", {
+  "Insert a file from your computer": "Insert a file from your computer",
+  "Insert file": "Insert file",
+  "Choose a file": "Choose a file",
+  "Target": "Target",
+  "You must choose a file": "You must choose a file",
+  "Got a bad response from the server": "Got a bad response from the server",
+  "Did not get a response from the server": "Did not get a response from the server",
+  "Insert": "Insert",
+  "Cancel": "Cancel",
+  "Title": "Title/Link text",
+});

data/app/assets/javascripts/tinymce/plugins/uploadfile/plugin.js

@@ -0,0 +1,216 @@
+(function() {
+  tinymce.PluginManager.requireLangPack('uploadfile');
+
+  tinymce.create('tinymce.plugins.UploadFile', {
+    UploadFile: function(ed, url) {
+      var form,
+          iframe,
+          win,
+          editor = ed;
+
+      function showDialog() {
+        win = editor.windowManager.open({
+          title: ed.translate('Insert a file from your computer'),
+          width:  500 + parseInt(editor.getLang('uploadfile.delta_width', 0), 10),
+          height: 180 + parseInt(editor.getLang('uploadfile.delta_height', 0), 10),
+          body: [
+            {type: 'iframe',  url: 'javascript:void(0)'},
+            {type: 'textbox', name: 'document[file]', label: ed.translate('Choose a file'), subtype: 'file'},
+            {type: 'textbox', name: 'document[title]', label: ed.translate('Title')},
+            {type: 'container', classes: 'error', html: "<p style='color: #b94a48;'>&nbsp;</p>"}
+          ],
+          buttons: [
+            {
+              text: ed.translate('Insert'),
+              onclick: insertFile,
+              subtype: 'primary'
+            },
+            {
+              text: ed.translate('Cancel'),
+              onclick: ed.windowManager.close
+            }
+          ],
+        }, {
+          plugin_url: url
+        });
+
+        // TinyMCE likes pointless submit handlers
+        win.off('submit');
+        win.on('submit', insertFile);
+
+        iframe = win.find("iframe")[0];
+        form = createElement('form', {
+          action: ed.getParam("uploadfile_form_url", "/tinymce_assets"),
+          target: iframe._id,
+          method: "POST",
+          enctype: 'multipart/form-data',
+          accept_charset: "UTF-8",
+        });
+
+        // Might have several instances on the same page,
+        // so we TinyMCE create unique IDs and use those.
+        iframe.getEl().name = iframe._id;
+
+        // Create some needed hidden inputs
+        form.appendChild(createElement('input', {type: "hidden", name: "utf8", value: "✓"}));
+        form.appendChild(createElement('input', {type: 'hidden', name: 'authenticity_token', value: getMetaContents('csrf-token')}));
+
+        var el = win.getEl();
+        var body = document.getElementById(el.id + "-body");
+
+        // Copy everything TinyMCE made into our form
+        var containers = body.getElementsByClassName('mce-container');
+        for(var i = 0; i < containers.length; i++) {
+          form.appendChild(containers[i]);
+        }
+
+        // Fix inputs, since TinyMCE hates HTML and forms
+        var inputs = form.getElementsByTagName('input');
+        for(var i = 0; i < inputs.length; i++) {
+          var ctrl = inputs[i];
+
+          if(ctrl.tagName.toLowerCase() == 'input' && ctrl.type != "hidden") {
+            if(ctrl.type == "file") {
+              ctrl.name = "document[file]";
+              
+              // Hack styles
+              var padding = '0';
+              if(window.navigator.userAgent.match(/(Chrome|Safari)/))
+                padding = '7px 0';
+              
+              tinymce.DOM.setStyles(ctrl, {
+                'border': 0,
+                'boxShadow': 'none',
+                'webkitBoxShadow': 'none',
+                'padding': padding
+              });
+            } else if(ctrl.type == "text") {
+              ctrl.name = "document[title]";
+            }
+          }
+        }
+
+        body.appendChild(form);
+      }
+
+      function insertFile() {
+        if(getInputValue("document[file]") == "") {
+          return handleError('You must choose a file');
+        }
+
+        clearErrors();
+
+        /* Add event listeners.
+         * We remove the existing to avoid them being called twice in case
+         * of errors and re-submitting afterwards.
+         */
+        var target = iframe.getEl();
+        if(target.attachEvent) {
+          target.detachEvent('onload', uploadDone);
+          target.attachEvent('onload', uploadDone);
+        } else {
+          target.removeEventListener('load', uploadDone);
+          target.addEventListener('load', uploadDone, false);
+        }
+
+        form.submit();
+      }
+
+      function uploadDone() {
+        var target = iframe.getEl();
+        if(target.document || target.contentDocument) {
+          var doc = target.contentDocument || target.contentWindow.document;
+          handleResponse(doc.getElementsByTagName("body")[0].innerHTML);
+        } else {
+          handleError("Did not get a response from the server");
+        }
+      }
+
+      function handleResponse(ret) {
+        try {
+          var json = tinymce.util.JSON.parse(ret);
+
+          if(json["error"]) {
+            handleError(json["error"]["message"]);
+          } else {
+            ed.execCommand('mceInsertContent', false, buildHTML(json));
+            ed.windowManager.close();
+          }
+        } catch(e) {
+          console.log(e);
+          handleError('Got a bad response from the server');
+        }
+      }
+
+      function clearErrors() {
+        var message = win.find(".error")[0].getEl();
+
+        if(message)
+          message.getElementsByTagName("p")[0].innerHTML = "&nbsp;";
+      }
+
+      function handleError(error) {
+        var message = win.find(".error")[0].getEl();
+
+        if(message)
+          message.getElementsByTagName("p")[0].innerHTML = ed.translate(error);
+      }
+
+      function createElement(element, attributes) {
+        var el = document.createElement(element);
+        for(var property in attributes) {
+          if (!(attributes[property] instanceof Function)) {
+            el[property] = attributes[property];
+          }
+        }
+
+        return el;
+      }
+
+      function buildHTML(json) {
+        var url = json["document"]["url"];
+        var title = json["document"]["title"];
+        var link = '<a href="' + url + '" title="' + title + '">' + title + '</a>';
+        
+        return link;
+      }
+
+      function getInputValue(name) {
+        var inputs = form.getElementsByTagName("input");
+
+        for(var i in inputs)
+          if(inputs[i].name == name)
+            return inputs[i].value;
+
+        return "";
+      }
+
+      function getMetaContents(mn) {
+        var m = document.getElementsByTagName('meta');
+
+        for(var i in m)
+          if(m[i].name == mn)
+            return m[i].content;
+
+        return null;
+      }
+
+      // Add a button that opens a window
+      editor.addButton('uploadfile', {
+        tooltip: ed.translate('Insert a file from your computer'),
+        icon : 'newdocument',
+        onclick: showDialog
+      });
+
+      // Adds a menu item to the tools menu
+      editor.addMenuItem('uploadfile', {
+        text: ed.translate('Insert a file from your computer'),
+        icon : 'newdocument',
+        context: 'insert',
+        onclick: showDialog
+      });
+    }
+  });
+
+  tinymce.PluginManager.add('uploadfile', tinymce.plugins.UploadFile);
+})();

data/lib/tasks/tinymce-uploadfile-assets.rake

@@ -0,0 +1,14 @@
+assets_task = Rake::Task.task_defined?('assets:precompile:primary') ? 'assets:precompile:primary' : 'assets:precompile'
+
+Rake::Task[assets_task].enhance do
+  require "tinymce/rails/asset_installer"
+
+  config   = Rails.application.config
+  target   = File.join(Rails.public_path, config.assets.prefix)
+  manifest = config.assets.manifest
+
+  assets = Pathname.new(File.expand_path(File.join(File.dirname(__FILE__),
+    "../../app/assets/javascripts/tinymce/plugins/uploaddocument")))
+
+  TinyMCE::Rails::AssetInstaller.new(assets, target, manifest).install
+end

data/lib/tinymce/rails/fileupload.rb

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

data/lib/tinymce/rails/fileupload/rails.rb

@@ -0,0 +1,11 @@
+module Tinymce
+  module Rails
+    module Fileupload
+      class Engine < ::Rails::Engine
+        initializer 'TinymceRailsFileupload.assets_pipeline' do |app|
+          app.config.assets.precompile << "tinymce/plugins/uploadfile/*"
+        end
+      end
+    end
+  end
+end

data/lib/tinymce/rails/fileupload/version.rb

@@ -0,0 +1,7 @@
+module Tinymce
+  module Rails
+    module Fileupload
+      VERSION = "0.0.1"
+    end
+  end
+end

metadata

@@ -0,0 +1,116 @@
+--- !ruby/object:Gem::Specification
+name: tinymce-rails-fileupload
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Dreyer Calitz
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-03-23 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5'
+- !ruby/object:Gem::Dependency
+  name: tinymce-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+- !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: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+description: TinyMCE plugin for file uploads in Rails >= 4.0. Document storage is
+  handled manually, so works with everything.
+email:
+- fdcalitz@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- CHANGELOG.md
+- LICENSE.txt
+- README.md
+- app/assets/javascripts/tinymce/plugins/uploadfile/langs/en.js
+- app/assets/javascripts/tinymce/plugins/uploadfile/plugin.js
+- lib/tasks/tinymce-uploadfile-assets.rake
+- lib/tinymce/rails/fileupload.rb
+- lib/tinymce/rails/fileupload/rails.rb
+- lib/tinymce/rails/fileupload/version.rb
+homepage: ''
+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: TinyMCE plugin for file uploads in Rails >= 4.0
+test_files: []