trestle-tinymce 0.1.3 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b1f727436400f2bf82a7bb0182a870feea2d67698bb098eef1eee1edf6332c9d
-  data.tar.gz: f8fea67d77ce86a934b582872fa0ef723cdca00c21a5ac3f00a976c02058e0e7
+  metadata.gz: bba9579becc7c769bc9052654c7b3edb76a6e08160f57ff49719dd5d09e5c8bd
+  data.tar.gz: 868713ae445d1bf894bcadded9ed87eb524f8dbb61085ad8776bad3e81f2be22
 SHA512:
-  metadata.gz: 93d7f1e812d46c337fc3b47475d0be301df4c44897a1d6a7066953c6fdcc099f6793f08b97190faef4c28ccd6378e9fb6587bc64003cc1dc8a496cf9d4d02401
-  data.tar.gz: af54e5d53322d4b29b7d71374e481bec878966683730a5bd5656d41fab9893215911ee0468a615b14183f96e1dedba960bbe6902c67590e87a1675cdc731eedb
+  metadata.gz: ff489469e0d4f6716422329a28ffb833c275f9c9fcf157bc35fd3b16d1f3f5b6ec15867cf06a6c35062aefe28e3993eb73cea552ab386f4c352459c23ae79c19
+  data.tar.gz: 4d1f9fd7584b480440ee37a7ba006d5fa8d99e88a6d523e689ecb774edf84ae0296a5097f7f32791be211b7307b064c9379d086f351502ab03d8255a0e202912

data/Gemfile

@@ -2,3 +2,5 @@ source "https://rubygems.org"
 
 # Specify your gem's dependencies in trestle-tinymce.gemspec
 gemspec
+
+gem "rake", "~> 13.0"

data/README.md

@@ -54,6 +54,41 @@ Trestle.configure do |config|
 end
 ```
 
+Custom callbacks can be passed as strings and they will be automatically converted to JavaScript functions. The following example allows images to be uploaded and embedded as blob URLs.
+
+```ruby
+Trestle.configure do |config|
+  config.tinymce.default.configure do |c|
+    c.file_picker_types = "image"
+    c.file_picker_callback = "function (cb, value, meta) {
+      var input = document.createElement('input');
+      input.setAttribute('type', 'file');
+      input.setAttribute('accept', 'image/*');
+
+      input.onchange = function () {
+        var file = this.files[0];
+
+        var reader = new FileReader();
+        reader.onload = function () {
+          var id = 'blobid' + (new Date()).getTime();
+          var blobCache =  tinymce.activeEditor.editorUpload.blobCache;
+          var base64 = reader.result.split(',')[1];
+          var blobInfo = blobCache.create(id, file, base64);
+          blobCache.add(blobInfo);
+
+          cb(blobInfo.blobUri(), { title: file.name });
+        };
+        reader.readAsDataURL(file);
+      };
+
+      input.click();
+    }"
+  end
+end
+```
+
+For further information, please see [tinymce-rails](https://github.com/spohlenz/tinymce-rails) and the [TinyMCE documentation](https://www.tiny.cloud/docs/configure/).
+
 
 ## License
 

data/app/assets/config/trestle/tinymce.manifest.js

@@ -0,0 +1 @@
+//= link_tree ../../javascripts