ckeditor_wave 1.0.1 → 2.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6bcf5937aee290786e1b58ec78e57423f2a8fcf4571531b37a169039122a07b6
-  data.tar.gz: de71c54d2b8fd069955ab859ecbeeb0082766eacfef1162abaf83b1922a5425d
+  metadata.gz: 8206aa6860a27f3e478e6e0d1450b50e279b79a84e7fc104f4bbfce4aa25919c
+  data.tar.gz: 342fc1254f476c082913dfe3dc0c4839cde37db2fc84445fbdfb027a71919eb8
 SHA512:
-  metadata.gz: 74bbabebe162ed98b04f21ac0c13f94d4bbf47583a5c0053630b5cc003e8977f8f02c14233dc9f845df68ce01c6f600cac744beadfb15270c7fb91861984d4e7
-  data.tar.gz: 10745b19b256159a5c2e2165e3ef6fbe51b8cabd717f9a9bc5daf2dd7c5752df53ebd070eb645f93ae1563e54f70a020a599cf2d88c9b238a51764a8a7861cfc
+  metadata.gz: 8b13a5c0b24cf4c169bdc9b8ea96b0aa07f77df5e26e0587227af04f9643fab3d025854e603c70aa8d11e286b68fa4877dabb6e718bd68e7e71245953614de92
+  data.tar.gz: 9f3287fd2dc39537f28a86898ddedae8ed4b0d59392870d3f544707373b041eb7b93b4f73e97f60b07985c56640a109cca0e4421ab4788b32bd58da95a45f70a

data/.gitignore

@@ -6,3 +6,4 @@
 /pkg/
 /spec/reports/
 /tmp/
+/*.gem

data/README.md

@@ -7,7 +7,7 @@ This gem integrates [CKEditor 5](https://docs.ckeditor.com/ckeditor5/) with [Car
 Add this line to your application's Gemfile:
 
 ```
-gem 'ckeditor_wave', '~> 1.0'
+gem 'ckeditor_wave', '~> 2.0'
 ```
 
 And then execute:
@@ -36,8 +36,11 @@ mount CkeditorWave::Engine => 'ckeditor_wave'
 ```
 
 
-To attach [CKEditor 5](https://docs.ckeditor.com/ckeditor5/) to an HTML form, please ensure that it has the 'ckeditor_wave' id.
+To attach [CKEditor 5](https://docs.ckeditor.com/ckeditor5/) to HTML forms, call the initiateCkeditor() function inside your application.js by giving it one or more CSS selectors as arguments. For example:
 
+```
+initiateCkeditor('#editor1', '#editor2', '#editor3')
+```
 
 ## Dependencies
 * [CKEditor 5](https://docs.ckeditor.com/ckeditor5/) - classic editor build 10.0.1

data/app/assets/javascripts/ckeditor_wave.js

@@ -1 +1 @@
-'use strict';var _createClass=function(){function a(b,c){for(var e,d=0;d<c.length;d++)e=c[d],e.enumerable=e.enumerable||!1,e.configurable=!0,'value'in e&&(e.writable=!0),Object.defineProperty(b,e.key,e)}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}();function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError('Cannot call a class as a function')}document.addEventListener('DOMContentLoaded',function(){var a=document.querySelector('#ckeditor_wave');if(null===a)return!1;try{ClassicEditor.create(a).then(function(b){b.plugins.get('FileRepository').createUploadAdapter=function(c){return new UploadAdapter(c)},document.querySelector('.ck-content').addEventListener('DOMNodeRemoved',function(c){var d=c.target,e=d.className.split(' ');e.includes('image')&&server.destroy(id(d.children[0]))})}).catch(function(b){console.error(b)})}catch(b){console.log(b),console.log('Is ckeditor.js included?','https://ckeditor.com/ckeditor-5/download/')}});var UploadAdapter=function(){function a(b){_classCallCheck(this,a),this.loader=b}return _createClass(a,[{key:'upload',value:function(){return server.upload(this.loader.file)}}]),a}(),server={upload:upload,destroy:destroy};function upload(a){return new Promise(function(b,c){var d=new XMLHttpRequest,e=new FormData;d.onreadystatechange=function(){4===d.readyState&&200!==d.status&&c('Image upload failed'),4===d.readyState&&200===d.status&&(b({default:d.responseText}),console.log('Image upload successful'))},e.set('ck_image',a),d.open('POST','/ckeditor_wave/ck_images'),d.send(e)})}function destroy(a){var b=new XMLHttpRequest,c=new FormData;b.onreadystatechange=function(){4===b.readyState&&200!==b.status&&console.log('Image deletion failed'),4===b.readyState&&200===b.status&&console.log(b.responseText)},c.set('method','delete'),b.open('DELETE','/ckeditor_wave/ck_images/'+a),b.send(c)}function id(a){var b=a.src.match(/[^\/]*.$/g).toString();return b.match(/[^.]*/)}
+'use strict';var _createClass=function(){function a(b,c){for(var e,d=0;d<c.length;d++)e=c[d],e.enumerable=e.enumerable||!1,e.configurable=!0,'value'in e&&(e.writable=!0),Object.defineProperty(b,e.key,e)}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}();function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError('Cannot call a class as a function')}function initiateCkeditor(){var a=Array.from(arguments);document.addEventListener('DOMContentLoaded',function(){a.forEach(function(b){newEditor(b)})})}function newEditor(a){var a=document.querySelector(a);if(null===a)return!1;try{ClassicEditor.create(a).then(function(b){b.plugins.get('FileRepository').createUploadAdapter=function(c){return new UploadAdapter(c)},document.querySelector('.ck-content').addEventListener('DOMNodeRemoved',function(c){var d=c.target,e=d.className.split(' ');e.includes('image')&&server.destroy(id(d.children[0]))})}).catch(function(b){console.error(b)})}catch(b){console.log(b),console.log('Is ckeditor.js included?','https://ckeditor.com/ckeditor-5/download/')}}var UploadAdapter=function(){function a(b){_classCallCheck(this,a),this.loader=b}return _createClass(a,[{key:'upload',value:function(){return server.upload(this.loader.file)}}]),a}(),server={upload:upload,destroy:destroy};function upload(a){return new Promise(function(b,c){var d=new XMLHttpRequest,e=new FormData;d.onreadystatechange=function(){4===d.readyState&&200!==d.status&&c('Image upload failed'),4===d.readyState&&200===d.status&&(b({default:d.responseText}),console.log('Image upload successful'))},e.set('ck_image',a),d.open('POST','/ckeditor_wave/ck_images'),d.send(e)})}function destroy(a){var b=new XMLHttpRequest,c=new FormData;b.onreadystatechange=function(){4===b.readyState&&200!==b.status&&console.log('Image deletion failed'),4===b.readyState&&200===b.status&&console.log(b.responseText)},c.set('method','delete'),b.open('DELETE','/ckeditor_wave/ck_images/'+a),b.send(c)}function id(a){var b=a.src.match(/[^\/]*.$/g).toString();return b.match(/[^.]*/)}

data/app/assets/javascripts/ckeditor_wave_src.js

@@ -1,15 +1,25 @@
-document.addEventListener('DOMContentLoaded', () => {
-  var ck_editor = document.querySelector('#ckeditor_wave');
-  
-  if (ck_editor === null) return false 
+function initiateCkeditor() {
+  var editors = Array.from(arguments);
+  document.addEventListener('DOMContentLoaded', () => {
+    editors.forEach(function(editor){
+      newEditor(editor)
+    });
+  });
+}
+
+function newEditor(editor) {
+  var editor = document.querySelector(editor);
+
+  if (editor === null) return false
   try{
     ClassicEditor
-      .create(ck_editor)
+      .create(editor)
       .then(editor => {
         editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {
           return new UploadAdapter(loader);
         };
-        document.querySelector('.ck-content').addEventListener('DOMNodeRemoved', (event) => {
+        document.querySelector('.ck-content').addEventListener(
+          'DOMNodeRemoved', (event) => {
           var element = event.target;
           var classes = element.className.split(' ');
           if (classes.includes('image'))
@@ -23,7 +33,7 @@ document.addEventListener('DOMContentLoaded', () => {
     console.log(error);
     console.log('Is ckeditor.js included?', 'https://ckeditor.com/ckeditor-5/download/');
   }
-});
+}
 
 class UploadAdapter {
   constructor(loader) {

data/app/models/ckeditor_wave/ck_image.rb

@@ -5,4 +5,4 @@ module CkeditorWave
       ck_image.url
     end
   end
-end
+end

data/lib/ckeditor_wave/version.rb

@@ -1,3 +1,3 @@
 module CkeditorWave
-  VERSION = '1.0.1'
+  VERSION = '2.0.1'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ckeditor_wave
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 2.0.1
 platform: ruby
 authors:
 - Evgeni Radev
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2018-06-17 00:00:00.000000000 Z
+date: 2018-06-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -59,7 +59,6 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- ".DS_Store"
 - ".gitignore"
 - Gemfile
 - LICENSE
@@ -99,7 +98,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.7.4
+rubygems_version: 2.7.6
 signing_key: 
 specification_version: 4
 summary: This gem integrates CKEditor 5 with CarrierWave to allow image upload.