tinymce-rails-imageupload 3.5.8.6 → 4.0.16.beta

checksums.yaml

@@ -1,15 +1,7 @@
 ---
-!binary "U0hBMQ==":
-  metadata.gz: !binary |-
-    Mjc4ZTM2ZTA1MTg2ZDYxMjUzMDZiMjQxMTkzM2E5MWQ0YzI3ZDFlOA==
-  data.tar.gz: !binary |-
-    YjRlNTk3NGEyM2RkMjE3ZGM1NTBhMWMxNTM1ZWM2ZGJmNTkxNzNkZA==
-!binary "U0hBNTEy":
-  metadata.gz: !binary |-
-    YzljZjc0YTc2MGFmODFhYjY3NTIzMjI0NWIxNjUwZWU0ZTg2ZmNlNDI4Mjc4
-    NzNiODU5ZTYxZmYyNjBmNzYzZjYwOTg0ZTY0Mzc0MWE5NTAwZjFjZDMyODUy
-    OGUwNzJlZjM0OWE0ZDllMjAyMGY4OTAxNjhlNDRkNTZjYTQ2Yjk=
-  data.tar.gz: !binary |-
-    M2JhMGViOTgwNjNmYzgyOTY0ZDhjYzUwOTFlZDhmZjJlMjY5NTlkZGQwNDIx
-    MjgwNWFiMWNiMTA1OGM1YzdkMmM3YzQ2NDkzYTQ1NzMwNjU2NzljM2Y2YWQ5
-    MzY2MDBkM2QyYzM2MDYxODZlODIzM2RmMTkwYWUzNjI3NmI0Zjk=
+SHA1:
+  metadata.gz: 5d5dcfd7e60f10e0a26e45843ac5c648c95ce294
+  data.tar.gz: c187795f946b3a370fd7c721e9f80f46dd67db2f
+SHA512:
+  metadata.gz: 9c301208b269f59e0b2836ce80958df93a266d90e8c96684405ac796e20b06de39dff928de3672d8f5ef34dc10226807cc2aeb22cc65d2b727fbd28c6c14fbbf
+  data.tar.gz: 0ca6207e817adf957a60cf0f3e0afde1577fe4cb74c95c9c47b6838f1a3824320bde9ed4245bf21cb5f4cbf9798cb80e534c07619beef4eff61975958b6215b3

checksums.yaml.gz.asc

@@ -1,18 +1,18 @@
 -----BEGIN PGP SIGNATURE-----
-Version: GnuPG/MacGPG2 v2.0.20 (Darwin)
+Version: GnuPG/MacGPG2 v2.0.22 (Darwin)
 Comment: GPGTools - http://gpgtools.org
 
-iQIcBAABAgAGBQJSRRZEAAoJEH1ncb0Txu7XyIcQAINJoTuvxGytlh28GOE7wMDY
-IdYwg41v+ytTk5yUY6LceT8n4QyulGHOqUDoApMN6sxUpzAYuR7Q0NHXqYkN00BI
-oyNXBP4s2nmBXjkuBDjTtztSzbuVqRGALWQxLMMWRJdKq6ykcbWZ6tryRKT+SKg5
-hmoROeJMRF1/hL2DXNuvqFKqMPU/MglhW9gCmit9oAYZYGbcCvs1Q+wBsGLlA+0S
-2AHebWq9QwoutIuxYEta40tuTOyl7tDzG6EcklXMRdyKr5JxfgequVkRY5L2efrS
-EFv+8o9eZwQXdFNZhhIPJeVzdSsYDoRKfHi6kxPuR0X+YpaVZEx41wmBdHoSbO8D
-xAna2eYm4r2SI6/vu/vEz/ZWVfsrzCPwfdrwseEC0aRi4EBgrrFX1FribHIgyCk1
-WVP7EYvw1Jqvhc6l94kcnfKMZkNe0ydH7lO2Elqjeg/T3Q3GBEKX8lbKlUpnTEo8
-qSpuOpWyhhxFJHiPAWG3qil9pPozXgiDEYyTIr41QrQ5XdOBioX/tgtPim1Y9QJN
-afEh0plFVDKKy5tFbPTn5RneyuFg+bMshyKDUIiuMUdm+T03xfPsXmzpaqpaBGrZ
-6XqqkP+WMG3pIfS7GD3qLf7WgjV0dxNYZzgLv9G2UVV6QEEAsXa4hIELcGUI3d2l
-4jLyzpCz7IUBEQqOOSt6
-=7cPY
+iQIcBAABAgAGBQJTB0BaAAoJEH1ncb0Txu7XQwsP/1NseaDvnBek45KXo8LDZn1a
+VHAPgAedA6Pd+Q4pAA0KEnB0+SmwAQuTnbsb2npsEOitLq/Nu5lm4OVNfIXFi67m
+kVksc3LlIdlGH2BybYZPXVFT7KH0D65g40nlO1pgjaAWEtreQlZHoZd9neBZAhIQ
+lzEFuvP8CdeI6HzyQzq7/Oxcq0vAFjk2DwNiggoQwf9c759tmdvzeHlv4n9yohab
+KvEz7rxEr2pAgBtW+B3t45y+s84JuLadbgR+Eu3zyMyP+QNiWBd3rXxJhlZ9oEDw
+JWguDvgkBn9syLNw9Nu6Zp7Nlo0Y+y9HR2sB52bglYN8V3SKGT8ca35GHi+Fmhwc
+/i2aFOy8EG3+IgmVijuowk4tJIs97NPnIrXGFgPVnBLuy5kSeIq0THFUm6K3Ah1Z
+0hb7jtleMdJ9DQX2c9gUVw3ISttm3PT10dWDqPdVShdC5Tvx07OJmmGvoeU07Ys0
+mpRzHqkHePxC3EjWyF5AE4a0o+u7x++AFG11i8dPFu0Qh4Eluei/9KkaeJ3Mp59d
+3HRZH59L9p+d6s1tMZo1DCkyUu8qG4vWs+nl8SLLHtFt4Xy7Z7uQ37ikPkm0+MgH
+5y+FfhCdk4nty0KGA1wtMTwgTxR59+nP9R1xu/j2Z5MvqHvvxDWjzGCDNBS3JOSq
+aU9E6mjRXTSMWhHyDeDZ
+=gfFY
 -----END PGP SIGNATURE-----

data.tar.gz.asc

@@ -1,18 +1,18 @@
 -----BEGIN PGP SIGNATURE-----
-Version: GnuPG/MacGPG2 v2.0.20 (Darwin)
+Version: GnuPG/MacGPG2 v2.0.22 (Darwin)
 Comment: GPGTools - http://gpgtools.org
 
-iQIcBAABAgAGBQJSRRZEAAoJEH1ncb0Txu7XHxwQALLLjsxMGHKCRK+cnONAx/qB
-VDxo63WgpnaySBXGivnCRYMDEJUqAVX9kvnfavP1jpQHJm+1F/Ual+4TMjkcxjxn
-fE3FvE5nd2ahtUXynlGBWTc9xTe6IXKLnEtY/6LF3JFtB8e4EvF0PUMcmBS93o0t
-nC5/5hTXMJbb9GfKq9Nvua8GZfDVkQarxRW8Yb4S2sCG1sPG1ydnMtNT0Ckwel6F
-wtFYbyGlPms1INJu36hK3rgMY9y5bMQS6MoenirFlQrcW5zS25+ysrnRujj9OiW/
-yni4UElBFrvIkaaKWwiGy59HPy03hcqQv9e05pE133ckSXL9IL8nZvILZKyjsBQA
-NQk3AQWywWh5sch7nnIGOQT6OL+/kHt0UZ3On1tOdbqP157shGdq0c/RTmQ/YrSE
-iFWL6TRbhd+qPuQ0bDqWMFUKAdfxeEB2KV6uOhR8T7CHM47b6jR40eaSGd/ZNEib
-BP5iN7P3S601MyDeKAfcvslz+D9pXzm4AIe9fH5qtbHb3GXlGS3VDGmk0DMHKp1G
-Pygyv2ZN7pxuF07hGUkHw6pgLxv/7eOi1soXZnQYPZ4K9s9/ttxHA3bPj+/fklZ5
-JavsQP55OUue/EUF7uSLwNDwfX+oCg8pleAOFewiXyVDPh46sAttdqmgW0iW4isE
-vmksJWQkb60LksZmuiH5
-=EAmD
+iQIcBAABAgAGBQJTB0BaAAoJEH1ncb0Txu7X6SsP/1q1Hqds47vm5eh6tLgZ8jAd
+heSSpaYLdXH0FrXO6a3SN37IUFUz3ELhBgrmL97rwcYLoJQD8c9D/lvJox2H6Cut
++dzMiFYmNlnoBXKvfaBTY17jOfosltsilQSZqjq+D+EIIeWsPinWGjgjfjZb7No9
+akuZdD0YMSW75zjtriLRoOqEHJGa9ifrOG7Rbaun/sY+0c1jIP2orr5MpTMSW0V5
+1PfdVJdcTw+gz0xk0pwcjNsY6+p07KDmr/wxMuLP6vAb5smIAdaSMsUiGs3E0FU2
+YBDaC2S8WLkWaAEwlOsURocUmjtFfdkJ6pGZMts4qZ2FX5S3XWKRHG7kNzveHNzh
+1/ZHA7fRS6NOkSZ0GlQ0HTxtdCEflnncYmZM7E2KlE4FdZxZHueDTv0f37oAXKu2
+oo2D0l2xf3PGdsYdjns4go5jV4l+5Jqwii7ASiJ+wzh/EulMeKSXq0sCn71vx8ZI
+c+JkoW0ewasLIPhxKpjRi0LJcy6tP2NHm7y9QneZmng31r8sj9KTZ+LlYanMGks2
+axlkKUuOqMkAmfcW5i/9tBHv8iobu2R/Fn4iy5WPY7myraJEeVeB6n56xeaTkpmq
+MWVJzIXFFKSLHrmu7qaRArBUeWkAskakMO21rHYvkOellaG9q9EE9Po3bjLbOO1k
+QlEKSRxWy+s1Zjq2c2pq
+=Ybtc
 -----END PGP SIGNATURE-----

data/CHANGELOG.md

@@ -1,8 +1,7 @@
-# 3.5.8.6 / 2013-09-27
+# 4.0.0 / unreleased
 
-* Adapt to tinymce-rails changed asset task, which broke precompilation with
-  newer versions. #44
-* Add license information to the gemspec
+* Rewrite the plugin to work with TinyMCE 4. TinyMCE 3.x is supported in the
+  tinymce3-branch.
 
 # 3.5.8.5 / 2013-05-07
 

data/README.md

@@ -1,47 +1,60 @@
+# IMPORTANT NOTE:
+This version is being rewritten to work with TinyMCE 4.x, and is
+currently **not usable**. For the stable version targetting TinyMCE 3, see
+the [tinymce3 branch](https://github.com/PerfectlyNormal/tinymce-rails-imageupload/tree/tinymce3)
+
 # 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).
+Simple plugin for TinyMCE that allows uploading images and inserting.
+It makes no assumptions about how you store the images, it simply 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/).
+This plugin started as a copy of work done by [Peter Shoukry](http://77effects.com/),
+but has since mutated into something entirely different.
 
-  The icon used for the button comes from the icon set [Silk by famfamfam](http://www.famfamfam.com/lab/icons/silk/) and the spinner image from [ajaxload.info](http://ajaxload.info/).
+Support for TinyMCE 3 is currently available in the [tinymce3 branch](https://github.com/PerfectlyNormal/tinymce-rails-imageupload/tree/tinymce3).
+The master branch is targetting TinyMCE 4.x.
 
-## Requirements
 
-  * Rails >= 3.1
-  * TinyMCE3 using the advanced theme
+## Requirements
 
-For TinyMCE4 support, use the master branch.
+* Rails >= 3.1
+* TinyMCE4 using the advanced theme
 
 ## Setup
 
 ### Add the gem to your Gemfile
 
-    gem 'tinymce-rails-imageupload', '~> 3.5.8'
+    gem 'tinymce-rails-imageupload', '~> 4.0.0'
 
 ### 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
+    # toolbar option must include "uploadimage" somewhere to have the button appear
 
-  and the rest should happen automatically.
+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 option `uploadimage_form_url` in the call to `.tinymce()`
+The plugin defaults to POSTing to `/tinymce_assets`. You may modify it by
+supplying the option `uploadimage_form_url` in the call to `.tinymce()`
 
-  Routing to your controller must be done manually.  Set it up using something similar in `routes.rb`:
+Routing to your controller must be done manually.
+Set it up using something similar in `routes.rb`:
 
     post '/tinymce_assets' => 'tinymce_assets#create'
 
-  The plugin will relay option `uploadimage_hint` in the call to `.tinymce()` to the POSTed URL as param `hint`.  You may use this to relay any hints you wish (for example, blog post ID #) to the controller.
+The plugin will relay option `uploadimage_hint` in the call to `.tinymce()`
+to the POSTed URL as param `hint`. You may use this to relay any hints
+you wish (for example, blog post ID #) to the controller.
 
-  This action gets called with a file parameter creatively called `file`, and must respond with JSON, containing the URL to the image.
+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)).
+The JSON has to be returned with a content type of "text/html" to work, which
+is hopefully going to be fixed ([issue #7](https://github.com/PerfectlyNormal/tinymce-rails-imageupload/issues/7)).
 
-  Example:
+Example:
 
     class TinymceAssetsController < ApplicationController
       def create
@@ -56,60 +69,60 @@ For TinyMCE4 support, use the master branch.
       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="...">`.
+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="...">`.
 
 ### Default class for img tag
 
-  By default the plugin doesn't assign any class to the img tag. You can set the class(es) by supplying the `uploadimage_default_img_class` option in the call to `.tinymce()`.
+By default the plugin doesn't assign any class to the img tag.
+You can set the class(es) by supplying the `uploadimage_default_img_class`
+option in the call to `.tinymce()`.
 
-  `class="..."` will only be added to the img tag if a default is specified. Otherwise the inserted HTML is just `<img src="...">`.
+`class="..."` will only be added to the img tag if a default is specified.
+Otherwise the inserted HTML is just `<img src="...">`.
 
 ## Error handling
 
-To notify the uploader that an error occurred, return JSON containing a `error` key with a `message`.
-The message gets show in a paragraph with the ID `error_message`, and the input label gets the class `invalid`.
+To notify the uploader that an error occurred, return JSON containing an
+`error` key with a `message`. The message gets show in a paragraph with the
+ID `error_message`, and the input label gets the class `invalid`.
 
 Example response:
 
-    "{"error": {"message": "Invalid file type. Only .jpg, .png and .gif allowed"}}"
+    "{"error": {
+      "message": "Invalid file type. Only .jpg, .png and .gif allowed"
+    }}"
 
 ## Internationalization
 
-I18n is taken care of by `tinymce-rails`. This gem includes strings for english, norwegian, russian and portugese.
-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.
-
-To get your custom language precompiled, you have to add it to the list of files manually.
-If you have a fork, just add it to the list in `lib/tinymce-rails-imageupload/rails.rb`, but if you have the translations in the application,
-you can add it like this in `config/application.rb`:
-
-    config.assets.precompile += %w(tinymce/plugins/uploadimage/langs/fr.js tinymce/plugins/uploadimage/langs/fr_dlg.js)
-
-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",
-      uploading: "Uploading…",
-      blank_input: "Must choose a file",
-      bad_response: "Got a bad response from the server",
-      blank_response: "Didn't get a response from the server",
-      insert: "Insert",
-      cancel: "Cancel"
+I18n is taken care of by `tinymce-rails`.
+This gem includes strings for `en`, `de`, `es`, `fr`, `nb`, `pt`, `pt_BR`,
+`ru` and `zh-cn`.
+To add your own language, create the files `<code>.js` in
+`app/assets/javascripts/tinymce/plugins/uploadimage/langs` in your
+application, or fork the gem and add your own translations there.
+
+The format and available strings are listed below:
+
+### nb.js
+
+    tinyMCE.addI18n('nb', {
+      'Insert an image from your computer': 'Sett inn et bilde fra datamaskinen',
+      'Insert image': "Sett inn bilde",
+      'Choose an image': "Velg et bilde",
+      'You must choose a file': "Du m\u00e5 velge en fil",
+      'Got a bad response from the server': "Fikk et ugyldig svar fra serveren",
+      "Didn't get a response from the server": "Fikk ikke svar fra serveren",
+      'Insert': "Sett inn",
+      'Cancel': "Avbryt",
+      'Image description': "Alternativ tekst for bilde",
     });
 
 ## Versioning
 
-The major, minor and patch version of this gem will be mirroring the release of `tinymce-rails` it is tested against.
+The major, minor and patch version of this gem will be mirroring the
+release of `tinymce-rails` it is tested against.
 
 ## Signing
 
@@ -127,4 +140,5 @@ 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/)
+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/app/assets/javascripts/tinymce/plugins/uploadimage/langs/de.js

@@ -0,0 +1,11 @@
+tinyMCE.addI18n('de', {
+  'Insert an image from your computer': 'Bild vom Computer einfügen',
+  'Insert image': 'Bild einfügen',
+  'Choose an image':  "Bild auswählen",
+  'You must choose a file': "Datei auswählen",
+  'Got a bad response from the server': "Ungültige Antwort vom Server",
+  "Didn't get a response from the server": "Server antwortet nicht",
+  'Insert': "Einfügen",
+  'Cancel': "Abbrechen",
+  'Image description': "Bildbeschreibung"
+});

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

@@ -0,0 +1,11 @@
+tinyMCE.addI18n('en', {
+  'Insert an image from your computer': 'Insert an image from your computer',
+  'Insert image': 'Insert image',
+  'Choose an image': "Choose an image",
+  'You must choose a file': "You must choose a file",
+  'Got a bad response from the server': "Got a bad response from the server",
+  "Didn't get a response from the server": "Didn't get a response from the server",
+  'Insert': "Insert",
+  'Cancel': "Cancel",
+  'Image description': "Image description",
+});

data/app/assets/javascripts/tinymce/plugins/uploadimage/langs/es.js

@@ -0,0 +1,11 @@
+tinyMCE.addI18n('es', {
+  'Insert an image from your computer': 'Insertar una imagen desde su computadora',
+  'Insert image': 'Insertar una imagen',
+  'Choose an image': "Elija una imagen",
+  'You must choose a file': "Debe elegir un archivo",
+  'Got a bad response from the server': "Mala respuesta del servidor",
+  "Didn't get a response from the server": "No se recibió respuesta del servidor",
+  'Insert': "Insertar",
+  'Cancel': "Cancelar",
+  'Image description': "Descripción de la imagen",
+});

data/app/assets/javascripts/tinymce/plugins/uploadimage/langs/fr.js

@@ -0,0 +1,11 @@
+tinyMCE.addI18n('fr', {
+  'Insert an image from your computer': "Envoyer une image de votre ordinateur",
+  'Insert image': "Insérer une image",
+  'Choose an image': "Choisissez une image",
+  'You must choose a file': "Vous devez sélectionner un fichier",
+  'Got a bad response from the server': "Le serveur a envoyé une réponse erronée",
+  "Didn't get a response from the server": "Le serveur n'a pas renvoyé de réponse",
+  'Insert': "Insérer",
+  'Cancel': "Annuler",
+  'Image description': "Description de l'image",
+});

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

@@ -0,0 +1,11 @@
+tinyMCE.addI18n('nb', {
+  'Insert an image from your computer': 'Sett inn et bilde fra datamaskinen',
+  'Insert image': "Sett inn bilde",
+  'Choose an image': "Velg et bilde",
+  'You must choose a file': "Du m\u00e5 velge en fil",
+  'Got a bad response from the server': "Fikk et ugyldig svar fra serveren",
+  "Didn't get a response from the server": "Fikk ikke svar fra serveren",
+  'Insert': "Sett inn",
+  'Cancel': "Avbryt",
+  'Image description': "Alternativ tekst for bilde",
+});

data/app/assets/javascripts/tinymce/plugins/uploadimage/langs/pt.js

@@ -0,0 +1,11 @@
+tinyMCE.addI18n('pt', {
+  'Insert an image from your computer': 'Inserir uma imagem do seu computador',
+  'Insert image': 'Inserir imagem',
+  'Choose an image': "Escolher uma imagem",
+  'You must choose a file': "É necessário seleccionar um ficheiro",
+  'Got a bad response from the server': "Resposta inesperada do servidor",
+  "Didn't get a response from the server": "Não foi obtida uma resposta do servidor",
+  'Insert': "Inserir",
+  'Cancel': "Cancelar",
+  'Image description': "Image description",
+});

data/app/assets/javascripts/tinymce/plugins/uploadimage/langs/pt_BR.js

@@ -0,0 +1,11 @@
+tinyMCE.addI18n('pt_BR', {
+  'Insert an image from your computer': 'Inserir uma imagem do computador',
+  'Insert image': 'Inserir imagem',
+  'Choose an image': "Escolher uma imagem",
+  'You must choose a file': "É necessário selecionar um diretório",
+  'Got a bad response from the server': "Resposta inesperada do servidor",
+  "Didn't get a response from the server": "Servidor não está respondendo",
+  'Insert': "Inserir",
+  'Cancel': "Cancelar",
+  'Image description': "Image description",
+});

data/app/assets/javascripts/tinymce/plugins/uploadimage/langs/ru.js

@@ -0,0 +1,11 @@
+tinyMCE.addI18n('ru', {
+  'Insert an image from your computer': 'Вставить изображение с вашего компьютера',
+  'Insert image': "Вставить изображение",
+  'Choose an image': "Выберите изображение",
+  'You must choose a file': "Необходимо выбрать файл",
+  'Got a bad response from the server': "Получен некорректный ответ с сервера",
+  "Didn't get a response from the server": "Не получен ответ с сервера",
+  'Insert': "Вставить",
+  'Cancel': "Отмена",
+  'Image description': "Информация об изображении",
+});

data/app/assets/javascripts/tinymce/plugins/uploadimage/langs/zh-cn.js

@@ -0,0 +1,11 @@
+tinyMCE.addI18n('zh-cn', {
+  'Insert an image from your computer': "\u4e0a\u4f20\u56fe\u7247",
+  'Insert image': "\u63d2\u5165\u56fe\u7247",
+  'Choose an image': "\u9009\u62e9\u56fe\u7247",
+  'You must choose a file': "\u5fc5\u987b\u9009\u62e9\u6587\u4ef6",
+  'Got a bad response from the server': "\u670d\u52a1\u5668\u8fd4\u56de\u9519\u8bef",
+  "Didn't get a response from the server": "\u670d\u52a1\u5668\u6ca1\u6709\u54cd\u5e94",
+  'Insert': "\u63d2\u5165",
+  'Cancel': "\u53d6\u6d88",
+  'Image description': "\u56fe\u7247\u63cf\u8ff0",
+});

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

@@ -0,0 +1,228 @@
+(function() {
+  tinymce.PluginManager.requireLangPack('uploadimage');
+
+  tinymce.create('tinymce.plugins.UploadImage', {
+    UploadImage: function(ed, url) {
+      var form,
+          iframe,
+          win,
+          throbber,
+          editor = ed;
+
+      function showDialog() {
+        win = editor.windowManager.open({
+          title: ed.translate('Insert an image from your computer'),
+          width:  500 + parseInt(editor.getLang('uploadimage.delta_width', 0), 10),
+          height: 180 + parseInt(editor.getLang('uploadimage.delta_height', 0), 10),
+          body: [
+            {type: 'iframe',  url: 'javascript:void(0)'},
+            {type: 'textbox', name: 'file', label: ed.translate('Choose an image'), subtype: 'file'},
+            {type: 'textbox', name: 'alt',  label: ed.translate('Image description')},
+            {type: 'container', classes: 'error', html: "<p style='color: #b94a48;'>&nbsp;</p>"},
+          ],
+          buttons: [
+            {
+              text: ed.translate('Insert'),
+              onclick: insertImage,
+              subtype: 'primary'
+            },
+            {
+              text: ed.translate('Cancel'),
+              onclick: ed.windowManager.close
+            }
+          ],
+        }, {
+          plugin_url: url
+        });
+
+        // TinyMCE likes pointless submit handlers
+        win.off('submit');
+        win.on('submit', insertImage);
+
+        /* WHY DO YOU HATE <form>, TINYMCE!? */
+        iframe = win.find("iframe")[0];
+        form = createElement('form', {
+          action: ed.getParam("uploadimage_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')}));
+        form.appendChild(createElement('input', {type: 'hidden', name: 'hint', value: ed.getParam("uploadimage_hint", "")}));
+
+        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") {
+            ctrl.name = ctrl.type == "file" ? "file" : "alt";
+          }
+        }
+
+        body.appendChild(form);
+      }
+
+      function insertImage() {
+        if(getInputValue("file") == "") {
+          return handleError('You must choose a file');
+        }
+
+        throbber = new top.tinymce.ui.Throbber(win.getEl());
+        throbber.show();
+
+        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() {
+        if(throbber) {
+          throbber.hide();
+        }
+
+        var target = iframe.getEl();
+        if(target.document || target.contentDocument) {
+          var doc = target.contentDocument || target.contentWindow.document;
+          handleResponse(doc.getElementsByTagName("body")[0].innerHTML);
+        } else {
+          handleError("Didn't get a response from the server");
+        }
+      }
+
+      function handleResponse(ret) {
+        console.group("Handling response");
+        console.log("Raw", ret)
+        try {
+          var json = tinymce.util.JSON.parse(ret);
+          console.log("Parsed", json);
+
+          if(json["error"]) {
+            console.log("It has an error!", json["error"]["message"]);
+            handleError(json["error"]["message"]);
+          } else {
+            console.log("Inserting", buildHTML(json));
+            ed.execCommand('mceInsertContent', false, buildHTML(json));
+            ed.windowManager.close();
+          }
+        } catch(e) {
+          console.log("Bad response :(", e);
+          handleError('Got a bad response from the server');
+        }
+        console.groupEnd();
+      }
+
+      function clearErrors() {
+        var message = win.find(".error")[0].getEl();
+
+        if(message)
+          message.getElementsByTagName("p")[0].innerHTML = "&nbsp;";
+      }
+
+      function handleError(error) {
+        console.log("Handling error", 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 default_class = ed.getParam("uploadimage_default_img_class", "");
+        var alt_text = getInputValue("alt");
+
+        var imgstr = "<img src='" + json["image"]["url"] + "'";
+
+        if(default_class != "")
+          imgstr += " class='" + default_class + "'";
+
+        if(json["image"]["height"])
+          imgstr += " height='" + json["image"]["height"] + "'";
+        if(json["image"]["width"])
+          imgstr += " width='"  + json["image"]["width"]  + "'";
+
+        imgstr += " alt='" + alt_text + "'/>";
+
+        return imgstr;
+      }
+
+      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('uploadimage', {
+        tooltip: ed.translate('Insert an image from your computer'),
+        icon : 'image',
+        onclick: showDialog
+      });
+
+      // Adds a menu item to the tools menu
+      editor.addMenuItem('uploadimage', {
+        text: ed.translate('Insert an image from your computer'),
+        icon : 'image',
+        context: 'insert',
+        onclick: showDialog
+      });
+    }
+  });
+
+  tinymce.PluginManager.add('uploadimage', tinymce.plugins.UploadImage);
+})();