kensnyder / quill-image-drop-module Goto Github PK

View Code? Open in Web Editor NEW

213.0 3.0 78.0 13 KB

A module for Quill rich text editor to allow images to be pasted and drag/dropped into the editor.

Shell 6.56% JavaScript 93.44%

quill-image-drop-module's Introduction

Quill ImageDrop Module

A module for Quill rich text editor to allow images to be pasted and drag/dropped into the editor.

Demo

Plunker

Usage

Webpack/ES6

import Quill from 'quill';
import { ImageDrop } from 'quill-image-drop-module';

Quill.register('modules/imageDrop', ImageDrop);

const quill = new Quill(editor, {
    // ...
    modules: {
        // ...
        imageDrop: true
    }
});

Script Tag

Copy image-drop.min.js into your web root or include from node_modules

<script src="/node_modules/quill-image-drop-module/image-drop.min.js"></script>

var quill = new Quill(editor, {
    // ...
    modules: {
        // ...
        imageDrop: true
    }
});

quill-image-drop-module's People

Contributors

Stargazers

Watchers

Forkers

contentco dmitryskripkin opendecide gkanitz aeroyu aleksueir jeromehan echobool adica kehr wangrqsh xueyang996 fxmontigny smip cheminfo yangcore capy-pl wukamm netchampfaris xiazhe 10chars surplus-cat avdevs zhanphty smartsf luizdeoli richbai90 antcas cisa4cs ywmail feanory myy012 swallsky jasonzhu413 yariksav wittech chenshihu karta1023089 manan-jadhav achengit zg199519 afiqwazien gauraviitr m0jimo liuwave ytranhoang all-campus ashishbharadwaj johnfau barelby 862975466 charles7x0 maxidave poheart monochromatique vnicl augustobreno seak0503 preetisingh110 maxgavrosh jackiebibili aliyoung lcsouzamenezes losecher silenthoo haoxuelab djgraham00 guohao214 jancy0713 lauweal mohammedalabd bnuitrare vncometech aphougat fakerybakery wstaeblein

quill-image-drop-module's Issues

Is it licensed?

can't find the licensing info for this module.

imageAdded event not tiggered

Just testing it with a handler for the imageAdded event and I see it is not triggered. Is there anything special I need to do here? I don't see any mention in the docs

Using Quill and React `TypeError: window.Quill is undefined` error

I made a sample application (https://github.com/pc-magas/react-quill-demo) using react and Quill expecially the https://github.com/zenoamaro/react-quill and I am trying to load the plugin. But I get the error:

TypeError: window.Quill is undefined

Do you fellows have an Idea why does it happen?

The project I did it to have a clear base to demonstrate the possibe bug.The file that throws it is: https://github.com/pc-magas/react-quill-demo/blob/master/src/MyEditor.js

The libraries that I use are:

Also I used the normal Quill library had had the very same error.

webpack error

After 'npm run build' in IDEA
Failed to minify the code from index.js:6

Align is not working properly.

Sorry, please delete it. posted in wrong repo.

Safari support

Does not work in safari Version 11.0.1 (13604.3.5).

Also drag and drop does not work in chrome.
I can only copy and paste an image.

Please add status 201 support

if (xhr.status === 200 || xhr.status === 201)

Drop images at exact coordinates instead of last caret position

It looks like we can use document.caretRangeFromPoint which now works on all browsers except for IE.

See CKEditor code here for reference on how they currently do it.

Not working with angular 8 and IE11

After installing this package I can see class and arrow function in my vendor.js. As they are not supported by IE11, Whole application is down. Any solution for this?

improv: Drag image from one position to another

When having accidentally dropped an image at a certain location, it would be helpful if it could be re-positioned by dragging/dropping it again.

Unhandled Rejection (TypeError): Cannot read property 'imports' of undefined ,in React jS

import ReactQuill,{Quill} from 'react-quill';
import ImageResize from 'quill-image-resize-module';
Quill.register('modules/ImageResize', ImageResize);

×
Unhandled Rejection (TypeError): Cannot read property 'imports' of undefined
▼ 13 stack frames were expanded.
(anonymous function)
node_modules/quill-image-resize-module/image-resize.min.js:1
e
node_modules/quill-image-resize-module/image-resize.min.js:1
(anonymous function)
node_modules/quill-image-resize-module/image-resize.min.js:1
e
node_modules/quill-image-resize-module/image-resize.min.js:1
t.exports
node_modules/quill-image-resize-module/image-resize.min.js:1
(anonymous function)
node_modules/quill-image-resize-module/image-resize.min.js:1
webpackJsonp../node_modules/quill-image-resize-module/image-resize.min.js.n
node_modules/quill-image-resize-module/image-resize.min.js:1
Object../node_modules/quill-image-resize-module/image-resize.min.js
node_modules/quill-image-resize-module/image-resize.min.js:1
webpack_require
/home/dev1/ae-front-end/webpack/bootstrap 020bfc4c2b6760e16678:710
fn
/home/dev1/ae-front-end/webpack/bootstrap 020bfc4c2b6760e16678:115
Object../src/routes/admin/design/Design.js
http://localhost:3000/assets/4.chunk.js:18826:85
webpack_require
/home/dev1/ae-front-end/webpack/bootstrap 020bfc4c2b6760e16678:710
fn
/home/dev1/ae-front-end/webpack/bootstrap 020bfc4c2b6760e16678:115
▲ 13 stack frames were expanded.
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.

copy img dom but paste twice

move your mouse on a picture in chrome , use the right-click mouse menu option, copy img, then paste into editor，two different img src will show.
one img src is Original source , another is base64 data.

env: chrome, https://plnkr.co/edit/ubVmPkBjqQESsefM3JrT?p=preview win10

Unexpected token export

Hi !

I just tried to use your module into React-Quill and it almost works but there is an issue. Why did you use export instead of "default export" ? Without this fix, I got an error:
"Unexpected token export"

I just copy pasted your implementation and modified this and it worked. I won't do a pull request because it's just one single word to add (and then change the demo to "import ImageDrop from..." instead of "import {ImageDrop} from ..."

Here the default export is better because ImageDrop is the only thing class you are exporting.

Lost attributes

EDIT: Sorry, wrong project, this was for the image resize module.

I haven't had time to dig into this very much so I may be missing something.

When using the widgets to align the image to the right it seems that it is not properly registered with Quill because when using getContents() and inspecting the JSON there are no attributes for aligning and thus when saving the deltas and loading them in Quill the image align setting is not retained.

Copy/paste from word document

Anybody knows how to solve it?

TheDiaNews.vue?fb22:84 Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_5_vue_quill_editor__.quillEditor.register is not a function

有没有人试过像我这样。现在这种问题
TheDiaNews.vue?fb22:84 Uncaught TypeError: WEBPACK_IMPORTED_MODULE_5_vue_quill_editor.quillEditor.register is not a function

Module prevents internal document text drag and drop

If your text has " hello world" and you try to drag 'world' to the left of 'hello', nothing happens.
Moving t.preventDefault(); into the IF block fixes this.

key: "handleDrop",
value: function e(t) {
// comment t.preventDefault();
if (t.dataTransfer && t.dataTransfer.files && t.dataTransfer.files.length) {
// new line
t.preventDefault();

Error when using with typescript

When importing this package on typescript, I get a Cannot find module 'quill-image-drop-module' or its corresponding type declarations.

Usage Documentation Question

Where does the 'editor' variable come from? When in an angular component, where does that quill instantiation code go?

Drop and paste image issue.

Hi)
Maybe someone tried to paste image(or make dnd image) from Microsoft Outlook mails?
It's throw error in console like:
Not allowed to load local resource: file:///C:/Users/asad/AppData/Local/Temp/msohtmlclip1/01/clip_image002.png
And quill painted void img icon.

It's happened cause browser security policy is working, I know, but when I tried to catch paste event handler in my web app - It's working! and I also was able to convert data from clipBoard event to normal format(without file://, like data:C/....).
When I was trying to make debbuger in my custom image handler it's didn't response)

Please, can you tell me how we can resolve this options of users event?

Does it work in Chrome?

I can't seem to get the demo to work in chrome: https://plnkr.co/edit/ubVmPkBjqQESsefM3JrT?p=preview
However, it will work in FF, IE. Is there some sort of security setting needed to enable it to work in Chrome?

Thanks

Paste not working in chrome

I have a vuejs2 project, and have embedded vue2-editor which is based on quill.
I have added:

 import { ImageDrop } from 'quill-image-drop-module'
 import { ImageResize } from 'quill-image-resize-module'

and

  customModulesForEditor: [
    { alias: 'imageDrop', module: ImageDrop },
    { alias: 'imageResize', module: ImageResize }
  ],
  editorSettings: {
    modules: {
      imageDrop: true,
      imageResize: {}
    }
  }

dropping images works fine
resizing images works fine
Paste appears to be a noop.

I am trying to enable the pasting of screenshots

image upload support

It would be great if image upload was supported, just link in this module:
https://github.com/fxmontigny/quill-image-upload

Error when adding the module

Hi,

I get a huge list of errors when I try to add the module to my project.

Uncaught SyntaxError: Unexpected token export es5-shim.js?hash=4187fffd3f43294b6953a57a6a17c24fbf2af5d2:17 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined at es5-shim.js?hash=4187fffd3f43294b6953a57a6a17c24fbf2af5d2:17 at es5-shim.js?hash=4187fffd3f43294b6953a57a6a17c24fbf2af5d2:2793 (anonymous) @ es5-shim.js?hash=4187fffd3f43294b6953a57a6a17c24fbf2af5d2:17 (anonymous) @ es5-shim.js?hash=4187fffd3f43294b6953a57a6a17c24fbf2af5d2:2793 promise.js?hash=3ec8e85a811001fc169f155e7a34453e9a4f817e:17 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined at promise.js?hash=3ec8e85a811001fc169f155e7a34453e9a4f817e:17 at promise.js?hash=3ec8e85a811001fc169f155e7a34453e9a4f817e:586 (anonymous) @ promise.js?hash=3ec8e85a811001fc169f155e7a34453e9a4f817e:17 (anonymous) @ promise.js?hash=3ec8e85a811001fc169f155e7a34453e9a4f817e:586 babel-runtime.js?hash=2c8d16ba49d271cf57003306e61fd845f417e48f:17 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined at babel-runtime.js?hash=2c8d16ba49d271cf57003306e61fd845f417e48f:17 at babel-runtime.js?hash=2c8d16ba49d271cf57003306e61fd845f417e48f:164 (anonymous) @ babel-runtime.js?hash=2c8d16ba49d271cf57003306e61fd845f417e48f:17 (anonymous) @ babel-runtime.js?hash=2c8d16ba49d271cf57003306e61fd845f417e48f:164 ecmascript-runtime-client.js?hash=ebe5054265cd34dd320c7a8cc00c62601ba9f58b:17 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined at ecmascript-runtime-client.js?hash=ebe5054265cd34dd320c7a8cc00c62601ba9f58b:17 at ecmascript-runtime-client.js?hash=ebe5054265cd34dd320c7a8cc00c62601ba9f58b:111 (anonymous) @ ecmascript-runtime-client.js?hash=ebe5054265cd34dd320c7a8cc00c62601ba9f58b:17 (anonymous) @ ecmascript-runtime-client.js?hash=ebe5054265cd34dd320c7a8cc00c62601ba9f58b:111 random.js?hash=49bdca10b45b36115e6aa1acbc9dd294091ea928:18 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined at random.js?hash=49bdca10b45b36115e6aa1acbc9dd294091ea928:18 at random.js?hash=49bdca10b45b36115e6aa1acbc9dd294091ea928:372 (anonymous) @ random.js?hash=49bdca10b45b36115e6aa1acbc9dd294091ea928:18 (anonymous) @ random.js?hash=49bdca10b45b36115e6aa1acbc9dd294091ea928:372 mongo-id.js?hash=345d169d517353f8146292b4abd24061721f8b26:19 Uncaught TypeError: Cannot read property 'Random' of undefined at mongo-id.js?hash=345d169d517353f8146292b4abd24061721f8b26:19 at mongo-id.js?hash=345d169d517353f8146292b4abd24061721f8b26:142 (anonymous) @ mongo-id.js?hash=345d169d517353f8146292b4abd24061721f8b26:19 (anonymous) @ mongo-id.js?hash=345d169d517353f8146292b4abd24061721f8b26:142 geojson-utils.js?hash=401d570cf4ab9b4470b0a68dfab45f3321d9fceb:17 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined at geojson-utils.js?hash=401d570cf4ab9b4470b0a68dfab45f3321d9fceb:17 at geojson-utils.js?hash=401d570cf4ab9b4470b0a68dfab45f3321d9fceb:443 (anonymous) @ geojson-utils.js?hash=401d570cf4ab9b4470b0a68dfab45f3321d9fceb:17 (anonymous) @ geojson-utils.js?hash=401d570cf4ab9b4470b0a68dfab45f3321d9fceb:443 minimongo.js?hash=4f5c421ee64a333e2a96f515d4287fc153ec9252:23 Uncaught TypeError: Cannot read property 'MongoID' of undefined at minimongo.js?hash=4f5c421ee64a333e2a96f515d4287fc153ec9252:23 at minimongo.js?hash=4f5c421ee64a333e2a96f515d4287fc153ec9252:3974 (anonymous) @ minimongo.js?hash=4f5c421ee64a333e2a96f515d4287fc153ec9252:23 (anonymous) @ minimongo.js?hash=4f5c421ee64a333e2a96f515d4287fc153ec9252:3974 check.js?hash=a2540f962c925251e9ed815a46332e7712760474:17 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined at check.js?hash=a2540f962c925251e9ed815a46332e7712760474:17 at check.js?hash=a2540f962c925251e9ed815a46332e7712760474:587 (anonymous) @ check.js?hash=a2540f962c925251e9ed815a46332e7712760474:17 (anonymous) @ check.js?hash=a2540f962c925251e9ed815a46332e7712760474:587 retry.js?hash=1e409617b538ff3e2b0238b15e45b3380c51a224:18 Uncaught TypeError: Cannot read property 'Random' of undefined at retry.js?hash=1e409617b538ff3e2b0238b15e45b3380c51a224:18 at retry.js?hash=1e409617b538ff3e2b0238b15e45b3380c51a224:110 (anonymous) @ retry.js?hash=1e409617b538ff3e2b0238b15e45b3380c51a224:18 (anonymous) @ retry.js?hash=1e409617b538ff3e2b0238b15e45b3380c51a224:110 ddp-common.js?hash=83c6dba3051ec76b5c1cd85d39357f0f501add98:17 Uncaught TypeError: Cannot read property 'check' of undefined at ddp-common.js?hash=83c6dba3051ec76b5c1cd85d39357f0f501add98:17 at ddp-common.js?hash=83c6dba3051ec76b5c1cd85d39357f0f501add98:493 (anonymous) @ ddp-common.js?hash=83c6dba3051ec76b5c1cd85d39357f0f501add98:17 (anonymous) @ ddp-common.js?hash=83c6dba3051ec76b5c1cd85d39357f0f501add98:493 reload.js?hash=02487cd11db41d01f7837ad146e4680a9e8d2e12:18 Uncaught TypeError: Cannot read property 'Symbol' of undefined at reload.js?hash=02487cd11db41d01f7837ad146e4680a9e8d2e12:18 at reload.js?hash=02487cd11db41d01f7837ad146e4680a9e8d2e12:309 (anonymous) @ reload.js?hash=02487cd11db41d01f7837ad146e4680a9e8d2e12:18 (anonymous) @ reload.js?hash=02487cd11db41d01f7837ad146e4680a9e8d2e12:309 ddp-client.js?hash=14d966b7972bd95a1f7015fec9ac340f10508a44:17 Uncaught TypeError: Cannot read property 'check' of undefined at ddp-client.js?hash=14d966b7972bd95a1f7015fec9ac340f10508a44:17 at ddp-client.js?hash=14d966b7972bd95a1f7015fec9ac340f10508a44:5123 (anonymous) @ ddp-client.js?hash=14d966b7972bd95a1f7015fec9ac340f10508a44:17 (anonymous) @ ddp-client.js?hash=14d966b7972bd95a1f7015fec9ac340f10508a44:5123 ddp.js?hash=25dc3f428447c81620c91c4245dbc6e4f7d32fb7:14 Uncaught TypeError: Cannot read property 'DDP' of undefined at ddp.js?hash=25dc3f428447c81620c91c4245dbc6e4f7d32fb7:14 at ddp.js?hash=25dc3f428447c81620c91c4245dbc6e4f7d32fb7:27 (anonymous) @ ddp.js?hash=25dc3f428447c81620c91c4245dbc6e4f7d32fb7:14 (anonymous) @ ddp.js?hash=25dc3f428447c81620c91c4245dbc6e4f7d32fb7:27 allow-deny.js?hash=92ac887172b3b2c2522bf4c9a634d90247b338d4:18 Uncaught TypeError: Cannot read property 'LocalCollection' of undefined at allow-deny.js?hash=92ac887172b3b2c2522bf4c9a634d90247b338d4:18 at allow-deny.js?hash=92ac887172b3b2c2522bf4c9a634d90247b338d4:557 (anonymous) @ allow-deny.js?hash=92ac887172b3b2c2522bf4c9a634d90247b338d4:18 (anonymous) @ allow-deny.js?hash=92ac887172b3b2c2522bf4c9a634d90247b338d4:557 mongo.js?hash=e92cf37034f2703254bf91c2d4a148271b91342c:17 Uncaught TypeError: Cannot read property 'AllowDeny' of undefined at mongo.js?hash=e92cf37034f2703254bf91c2d4a148271b91342c:17 at mongo.js?hash=e92cf37034f2703254bf91c2d4a148271b91342c:870 (anonymous) @ mongo.js?hash=e92cf37034f2703254bf91c2d4a148271b91342c:17 (anonymous) @ mongo.js?hash=e92cf37034f2703254bf91c2d4a148271b91342c:870 jquery.js?hash=0c5fac3e4b18ec685e561deac3634fb49bc807e5:17 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined at jquery.js?hash=0c5fac3e4b18ec685e561deac3634fb49bc807e5:17 at jquery.js?hash=0c5fac3e4b18ec685e561deac3634fb49bc807e5:10425 (anonymous) @ jquery.js?hash=0c5fac3e4b18ec685e561deac3634fb49bc807e5:17 (anonymous) @ jquery.js?hash=0c5fac3e4b18ec685e561deac3634fb49bc807e5:10425 tmeasday_check-npm-versions.js?hash=4b91d56107a2ca52b15085af5af7e80ad5048ff1:17 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined at tmeasday_check-npm-versions.js?hash=4b91d56107a2ca52b15085af5af7e80ad5048ff1:17 at tmeasday_check-npm-versions.js?hash=4b91d56107a2ca52b15085af5af7e80ad5048ff1:1339 (anonymous) @ tmeasday_check-npm-versions.js?hash=4b91d56107a2ca52b15085af5af7e80ad5048ff1:17 (anonymous) @ tmeasday_check-npm-versions.js?hash=4b91d56107a2ca52b15085af5af7e80ad5048ff1:1339 react-meteor-data.js?hash=ce32adc2cecffb9535e28d205cc53eef5ae36327:19 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined at react-meteor-data.js?hash=ce32adc2cecffb9535e28d205cc53eef5ae36327:19 at react-meteor-data.js?hash=ce32adc2cecffb9535e28d205cc53eef5ae36327:401 (anonymous) @ react-meteor-data.js?hash=ce32adc2cecffb9535e28d205cc53eef5ae36327:19 (anonymous) @ react-meteor-data.js?hash=ce32adc2cecffb9535e28d205cc53eef5ae36327:401 localstorage.js?hash=b8f7913d89016e62d42164380fabfc1366797d36:17 Uncaught TypeError: Cannot read property 'Random' of undefined at localstorage.js?hash=b8f7913d89016e62d42164380fabfc1366797d36:17 at localstorage.js?hash=b8f7913d89016e62d42164380fabfc1366797d36:101 (anonymous) @ localstorage.js?hash=b8f7913d89016e62d42164380fabfc1366797d36:17 (anonymous) @ localstorage.js?hash=b8f7913d89016e62d42164380fabfc1366797d36:101 observe-sequence.js?hash=8fe58036c6ba00c458f54c360a21fd0e41fb7ee0:19 Uncaught TypeError: Cannot read property 'MongoID' of undefined at observe-sequence.js?hash=8fe58036c6ba00c458f54c360a21fd0e41fb7ee0:19 at observe-sequence.js?hash=8fe58036c6ba00c458f54c360a21fd0e41fb7ee0:407 (anonymous) @ observe-sequence.js?hash=8fe58036c6ba00c458f54c360a21fd0e41fb7ee0:19 (anonymous) @ observe-sequence.js?hash=8fe58036c6ba00c458f54c360a21fd0e41fb7ee0:407 blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:17 Uncaught TypeError: Cannot read property '$' of undefined at blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:17 at blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:3898 (anonymous) @ blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:17 (anonymous) @ blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:3898 accounts-base.js?hash=6a4c856fbcc54a9e0a584a6e104ef7d16b8ec5f6:20 Uncaught TypeError: Cannot read property 'Random' of undefined at accounts-base.js?hash=6a4c856fbcc54a9e0a584a6e104ef7d16b8ec5f6:20 at accounts-base.js?hash=6a4c856fbcc54a9e0a584a6e104ef7d16b8ec5f6:1380 (anonymous) @ accounts-base.js?hash=6a4c856fbcc54a9e0a584a6e104ef7d16b8ec5f6:20 (anonymous) @ accounts-base.js?hash=6a4c856fbcc54a9e0a584a6e104ef7d16b8ec5f6:1380 srp.js?hash=85fa5b3bc1440273f8fa5125df5443c09f337567:17 Uncaught TypeError: Cannot read property 'Random' of undefined at srp.js?hash=85fa5b3bc1440273f8fa5125df5443c09f337567:17 at srp.js?hash=85fa5b3bc1440273f8fa5125df5443c09f337567:1445 (anonymous) @ srp.js?hash=85fa5b3bc1440273f8fa5125df5443c09f337567:17 (anonymous) @ srp.js?hash=85fa5b3bc1440273f8fa5125df5443c09f337567:1445 accounts-password.js?hash=789606fc243ef7a21700cde709da427760db5073:17 Uncaught TypeError: Cannot read property 'Accounts' of undefined at accounts-password.js?hash=789606fc243ef7a21700cde709da427760db5073:17 at accounts-password.js?hash=789606fc243ef7a21700cde709da427760db5073:320 (anonymous) @ accounts-password.js?hash=789606fc243ef7a21700cde709da427760db5073:17 (anonymous) @ accounts-password.js?hash=789606fc243ef7a21700cde709da427760db5073:320 oauth.js?hash=a519c3410a532671028fac814c0ad30bbcd1a539:17 Uncaught TypeError: Cannot read property 'check' of undefined at oauth.js?hash=a519c3410a532671028fac814c0ad30bbcd1a539:17 at oauth.js?hash=a519c3410a532671028fac814c0ad30bbcd1a539:402 (anonymous) @ oauth.js?hash=a519c3410a532671028fac814c0ad30bbcd1a539:17 (anonymous) @ oauth.js?hash=a519c3410a532671028fac814c0ad30bbcd1a539:402 accounts-oauth.js?hash=71bd7085755ff0efd6810752c2fde7110adf0538:18 Uncaught TypeError: Cannot read property 'Random' of undefined at accounts-oauth.js?hash=71bd7085755ff0efd6810752c2fde7110adf0538:18 at accounts-oauth.js?hash=71bd7085755ff0efd6810752c2fde7110adf0538:188 (anonymous) @ accounts-oauth.js?hash=71bd7085755ff0efd6810752c2fde7110adf0538:18 (anonymous) @ accounts-oauth.js?hash=71bd7085755ff0efd6810752c2fde7110adf0538:188 service-configuration.js?hash=42ac9ae8eb44f3e73762f9cb0003410397021984:17 Uncaught TypeError: Cannot read property 'Accounts' of undefined at service-configuration.js?hash=42ac9ae8eb44f3e73762f9cb0003410397021984:17 at service-configuration.js?hash=42ac9ae8eb44f3e73762f9cb0003410397021984:77 (anonymous) @ service-configuration.js?hash=42ac9ae8eb44f3e73762f9cb0003410397021984:17 (anonymous) @ service-configuration.js?hash=42ac9ae8eb44f3e73762f9cb0003410397021984:77 facebook-oauth.js?hash=dffe9e18a0c791f9d94eb8387ecf534a7b65a0c4:17 Uncaught TypeError: Cannot read property 'OAuth' of undefined at facebook-oauth.js?hash=dffe9e18a0c791f9d94eb8387ecf534a7b65a0c4:17 at facebook-oauth.js?hash=dffe9e18a0c791f9d94eb8387ecf534a7b65a0c4:99 (anonymous) @ facebook-oauth.js?hash=dffe9e18a0c791f9d94eb8387ecf534a7b65a0c4:17 (anonymous) @ facebook-oauth.js?hash=dffe9e18a0c791f9d94eb8387ecf534a7b65a0c4:99 spacebars.js?hash=ebf9381e7fc625d41acb0df14995b7614360858a:17 Uncaught TypeError: Cannot read property 'ObserveSequence' of undefined at spacebars.js?hash=ebf9381e7fc625d41acb0df14995b7614360858a:17 at spacebars.js?hash=ebf9381e7fc625d41acb0df14995b7614360858a:335 (anonymous) @ spacebars.js?hash=ebf9381e7fc625d41acb0df14995b7614360858a:17 (anonymous) @ spacebars.js?hash=ebf9381e7fc625d41acb0df14995b7614360858a:335 templating-runtime.js?hash=c18de19afda6e9f0db7faf3d4382a4c953cabe18:18 Uncaught TypeError: Cannot read property 'Blaze' of undefined at templating-runtime.js?hash=c18de19afda6e9f0db7faf3d4382a4c953cabe18:18 at templating-runtime.js?hash=c18de19afda6e9f0db7faf3d4382a4c953cabe18:256 (anonymous) @ templating-runtime.js?hash=c18de19afda6e9f0db7faf3d4382a4c953cabe18:18 (anonymous) @ templating-runtime.js?hash=c18de19afda6e9f0db7faf3d4382a4c953cabe18:256 templating.js?hash=c2cf38de06efb47f67affb2dff9320e5eef33893:14 Uncaught TypeError: Cannot read property 'Template' of undefined at templating.js?hash=c2cf38de06efb47f67affb2dff9320e5eef33893:14 at templating.js?hash=c2cf38de06efb47f67affb2dff9320e5eef33893:27 (anonymous) @ templating.js?hash=c2cf38de06efb47f67affb2dff9320e5eef33893:14 (anonymous) @ templating.js?hash=c2cf38de06efb47f67affb2dff9320e5eef33893:27 facebook-config-ui.js?hash=3e531433fdba0b4ee840e1bb38b2acca48d13af8:17 Uncaught TypeError: Cannot read property 'Template' of undefined at facebook-config-ui.js?hash=3e531433fdba0b4ee840e1bb38b2acca48d13af8:17 at facebook-config-ui.js?hash=3e531433fdba0b4ee840e1bb38b2acca48d13af8:82 (anonymous) @ facebook-config-ui.js?hash=3e531433fdba0b4ee840e1bb38b2acca48d13af8:17 (anonymous) @ facebook-config-ui.js?hash=3e531433fdba0b4ee840e1bb38b2acca48d13af8:82 accounts-facebook.js?hash=2a00e32c87ef283dac24090c732a1d056a0ecff1:17 Uncaught TypeError: Cannot read property 'Accounts' of undefined at accounts-facebook.js?hash=2a00e32c87ef283dac24090c732a1d056a0ecff1:17 at accounts-facebook.js?hash=2a00e32c87ef283dac24090c732a1d056a0ecff1:98 (anonymous) @ accounts-facebook.js?hash=2a00e32c87ef283dac24090c732a1d056a0ecff1:17 (anonymous) @ accounts-facebook.js?hash=2a00e32c87ef283dac24090c732a1d056a0ecff1:98 weibo-oauth.js?hash=940a245da29a3e74bc3290482705b9e01a5c918c:17 Uncaught TypeError: Cannot read property 'OAuth' of undefined at weibo-oauth.js?hash=940a245da29a3e74bc3290482705b9e01a5c918c:17 at weibo-oauth.js?hash=940a245da29a3e74bc3290482705b9e01a5c918c:89 (anonymous) @ weibo-oauth.js?hash=940a245da29a3e74bc3290482705b9e01a5c918c:17 (anonymous) @ weibo-oauth.js?hash=940a245da29a3e74bc3290482705b9e01a5c918c:89 weibo-config-ui.js?hash=5e02c1607c6e256f0bbd7edc6aea81ba0d6cb4c4:17 Uncaught TypeError: Cannot read property 'Template' of undefined at weibo-config-ui.js?hash=5e02c1607c6e256f0bbd7edc6aea81ba0d6cb4c4:17 at weibo-config-ui.js?hash=5e02c1607c6e256f0bbd7edc6aea81ba0d6cb4c4:83 (anonymous) @ weibo-config-ui.js?hash=5e02c1607c6e256f0bbd7edc6aea81ba0d6cb4c4:17 (anonymous) @ weibo-config-ui.js?hash=5e02c1607c6e256f0bbd7edc6aea81ba0d6cb4c4:83 accounts-weibo.js?hash=8f12a8ef3239a86805b291f625fe93871aff8909:17 Uncaught TypeError: Cannot read property 'Accounts' of undefined at accounts-weibo.js?hash=8f12a8ef3239a86805b291f625fe93871aff8909:17 at accounts-weibo.js?hash=8f12a8ef3239a86805b291f625fe93871aff8909:93 (anonymous) @ accounts-weibo.js?hash=8f12a8ef3239a86805b291f625fe93871aff8909:17 (anonymous) @ accounts-weibo.js?hash=8f12a8ef3239a86805b291f625fe93871aff8909:93 reactive-dict.js?hash=6fb8f893720a4d179c0db118d90d5e7eef5153d6:21 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined at reactive-dict.js?hash=6fb8f893720a4d179c0db118d90d5e7eef5153d6:21 at reactive-dict.js?hash=6fb8f893720a4d179c0db118d90d5e7eef5153d6:361 (anonymous) @ reactive-dict.js?hash=6fb8f893720a4d179c0db118d90d5e7eef5153d6:21 (anonymous) @ reactive-dict.js?hash=6fb8f893720a4d179c0db118d90d5e7eef5153d6:361 session.js?hash=821b0746e602b3be69538d299d6866e222121b54:18 Uncaught TypeError: Cannot read property 'ReactiveDict' of undefined at session.js?hash=821b0746e602b3be69538d299d6866e222121b54:18 at session.js?hash=821b0746e602b3be69538d299d6866e222121b54:98 (anonymous) @ session.js?hash=821b0746e602b3be69538d299d6866e222121b54:18 (anonymous) @ session.js?hash=821b0746e602b3be69538d299d6866e222121b54:98 themeteorchef_bert.js?hash=1f786a490190394f3be3006979bfc1f4673808f9:17 Uncaught TypeError: Cannot read property 'Template' of undefined at themeteorchef_bert.js?hash=1f786a490190394f3be3006979bfc1f4673808f9:17 at themeteorchef_bert.js?hash=1f786a490190394f3be3006979bfc1f4673808f9:289 (anonymous) @ themeteorchef_bert.js?hash=1f786a490190394f3be3006979bfc1f4673808f9:17 (anonymous) @ themeteorchef_bert.js?hash=1f786a490190394f3be3006979bfc1f4673808f9:289 mdg_validated-method.js?hash=bb674afdf4f19c7e17f499efd22337405169bcab:17 Uncaught TypeError: Cannot read property 'check' of undefined at mdg_validated-method.js?hash=bb674afdf4f19c7e17f499efd22337405169bcab:17 at mdg_validated-method.js?hash=bb674afdf4f19c7e17f499efd22337405169bcab:183 (anonymous) @ mdg_validated-method.js?hash=bb674afdf4f19c7e17f499efd22337405169bcab:17 (anonymous) @ mdg_validated-method.js?hash=bb674afdf4f19c7e17f499efd22337405169bcab:183 aldeed_simple-schema.js?hash=13e803ef04b6685a7577083e5871767a498b6351:20 Uncaught TypeError: Cannot read property 'check' of undefined at aldeed_simple-schema.js?hash=13e803ef04b6685a7577083e5871767a498b6351:20 at aldeed_simple-schema.js?hash=13e803ef04b6685a7577083e5871767a498b6351:3142 (anonymous) @ aldeed_simple-schema.js?hash=13e803ef04b6685a7577083e5871767a498b6351:20 (anonymous) @ aldeed_simple-schema.js?hash=13e803ef04b6685a7577083e5871767a498b6351:3142 aldeed_collection2-core.js?hash=cd76f0a8f289f873c33e0896e9a86201e64a47d1:17 Uncaught TypeError: Cannot read property 'SimpleSchema' of undefined at aldeed_collection2-core.js?hash=cd76f0a8f289f873c33e0896e9a86201e64a47d1:17 at aldeed_collection2-core.js?hash=cd76f0a8f289f873c33e0896e9a86201e64a47d1:721 (anonymous) @ aldeed_collection2-core.js?hash=cd76f0a8f289f873c33e0896e9a86201e64a47d1:17 (anonymous) @ aldeed_collection2-core.js?hash=cd76f0a8f289f873c33e0896e9a86201e64a47d1:721 aldeed_schema-index.js?hash=2ca1861c8f7de7459aa47835657b11b4e560c8e7:17 Uncaught TypeError: Cannot read property 'Collection2' of undefined at aldeed_schema-index.js?hash=2ca1861c8f7de7459aa47835657b11b4e560c8e7:17 at aldeed_schema-index.js?hash=2ca1861c8f7de7459aa47835657b11b4e560c8e7:131 (anonymous) @ aldeed_schema-index.js?hash=2ca1861c8f7de7459aa47835657b11b4e560c8e7:17 (anonymous) @ aldeed_schema-index.js?hash=2ca1861c8f7de7459aa47835657b11b4e560c8e7:131 aldeed_schema-deny.js?hash=c46f0998a459ed45c0c557fcb85c31b85c40e7d4:17 Uncaught TypeError: Cannot read property 'Collection2' of undefined at aldeed_schema-deny.js?hash=c46f0998a459ed45c0c557fcb85c31b85c40e7d4:17 at aldeed_schema-deny.js?hash=c46f0998a459ed45c0c557fcb85c31b85c40e7d4:76 (anonymous) @ aldeed_schema-deny.js?hash=c46f0998a459ed45c0c557fcb85c31b85c40e7d4:17 (anonymous) @ aldeed_schema-deny.js?hash=c46f0998a459ed45c0c557fcb85c31b85c40e7d4:76 dburles_factory.js?hash=59b399441f3e11fc2d2f439bb9fe49d154a7edad:17 Uncaught TypeError: Cannot read property 'LocalCollection' of undefined at dburles_factory.js?hash=59b399441f3e11fc2d2f439bb9fe49d154a7edad:17 at dburles_factory.js?hash=59b399441f3e11fc2d2f439bb9fe49d154a7edad:229 (anonymous) @ dburles_factory.js?hash=59b399441f3e11fc2d2f439bb9fe49d154a7edad:17 (anonymous) @ dburles_factory.js?hash=59b399441f3e11fc2d2f439bb9fe49d154a7edad:229 dfischer_faker.js?hash=861c59f416503f4ddea0f9f352e0e094d3d286c8:17 Uncaught TypeError: Cannot read property 'meteorBabelHelpers' of undefined at dfischer_faker.js?hash=861c59f416503f4ddea0f9f352e0e094d3d286c8:17 at dfischer_faker.js?hash=861c59f416503f4ddea0f9f352e0e094d3d286c8:42795 (anonymous) @ dfischer_faker.js?hash=861c59f416503f4ddea0f9f352e0e094d3d286c8:17 (anonymous) @ dfischer_faker.js?hash=861c59f416503f4ddea0f9f352e0e094d3d286c8:42795 alanning_roles.js?hash=74a6254e5f51f2a2b4da007c0627229e19bcfef5:18 Uncaught TypeError: Cannot read property 'Accounts' of undefined at alanning_roles.js?hash=74a6254e5f51f2a2b4da007c0627229e19bcfef5:18 at alanning_roles.js?hash=74a6254e5f51f2a2b4da007c0627229e19bcfef5:961 (anonymous) @ alanning_roles.js?hash=74a6254e5f51f2a2b4da007c0627229e19bcfef5:18 (anonymous) @ alanning_roles.js?hash=74a6254e5f51f2a2b4da007c0627229e19bcfef5:961 xolvio_cleaner.js?hash=3a890d36bfe56e21d86ada62c7b394b495ee6d08:17 Uncaught TypeError: Cannot read property 'Mongo' of undefined at xolvio_cleaner.js?hash=3a890d36bfe56e21d86ada62c7b394b495ee6d08:17 at xolvio_cleaner.js?hash=3a890d36bfe56e21d86ada62c7b394b495ee6d08:104 (anonymous) @ xolvio_cleaner.js?hash=3a890d36bfe56e21d86ada62c7b394b495ee6d08:17 (anonymous) @ xolvio_cleaner.js?hash=3a890d36bfe56e21d86ada62c7b394b495ee6d08:104 edgee_slingshot.js?hash=cebf558215bff95c08062d03ea4dc369fab7c90a:18 Uncaught TypeError: Cannot read property 'check' of undefined at edgee_slingshot.js?hash=cebf558215bff95c08062d03ea4dc369fab7c90a:18 at edgee_slingshot.js?hash=cebf558215bff95c08062d03ea4dc369fab7c90a:589 (anonymous) @ edgee_slingshot.js?hash=cebf558215bff95c08062d03ea4dc369fab7c90a:18 (anonymous) @ edgee_slingshot.js?hash=cebf558215bff95c08062d03ea4dc369fab7c90a:589 livedata.js?hash=7cf1831a60b48e304b054aee1ae0f7e38ff35d09:14 Uncaught TypeError: Cannot read property 'DDP' of undefined at livedata.js?hash=7cf1831a60b48e304b054aee1ae0f7e38ff35d09:14 at livedata.js?hash=7cf1831a60b48e304b054aee1ae0f7e38ff35d09:31 (anonymous) @ livedata.js?hash=7cf1831a60b48e304b054aee1ae0f7e38ff35d09:14 (anonymous) @ livedata.js?hash=7cf1831a60b48e304b054aee1ae0f7e38ff35d09:31 ui.js?hash=039c55a98376abd03d9d8cd4100895861b897643:14 Uncaught TypeError: Cannot read property 'Blaze' of undefined at ui.js?hash=039c55a98376abd03d9d8cd4100895861b897643:14 at ui.js?hash=039c55a98376abd03d9d8cd4100895861b897643:31 (anonymous) @ ui.js?hash=039c55a98376abd03d9d8cd4100895861b897643:14 (anonymous) @ ui.js?hash=039c55a98376abd03d9d8cd4100895861b897643:31 aldeed_autoform.js?hash=62240ad3bd09e4bcabcb996180d4d6ec136db9a9:17 Uncaught TypeError: Cannot read property 'SimpleSchema' of undefined at aldeed_autoform.js?hash=62240ad3bd09e4bcabcb996180d4d6ec136db9a9:17 at aldeed_autoform.js?hash=62240ad3bd09e4bcabcb996180d4d6ec136db9a9:10946 (anonymous) @ aldeed_autoform.js?hash=62240ad3bd09e4bcabcb996180d4d6ec136db9a9:17 (anonymous) @ aldeed_autoform.js?hash=62240ad3bd09e4bcabcb996180d4d6ec136db9a9:10946 gadicc_blaze-react-component.js?hash=f6e8e3c3d10ce74f6f2bc45605b39b27646275ab:17 Uncaught TypeError: Cannot read property 'Blaze' of undefined at gadicc_blaze-react-component.js?hash=f6e8e3c3d10ce74f6f2bc45605b39b27646275ab:17 at gadicc_blaze-react-component.js?hash=f6e8e3c3d10ce74f6f2bc45605b39b27646275ab:228 (anonymous) @ gadicc_blaze-react-component.js?hash=f6e8e3c3d10ce74f6f2bc45605b39b27646275ab:17 (anonymous) @ gadicc_blaze-react-component.js?hash=f6e8e3c3d10ce74f6f2bc45605b39b27646275ab:228 dynamic-import.js?hash=d3e0fe1c9fb2d37129ef347d1ee905ade2691f6c:17 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined at dynamic-import.js?hash=d3e0fe1c9fb2d37129ef347d1ee905ade2691f6c:17 at dynamic-import.js?hash=d3e0fe1c9fb2d37129ef347d1ee905ade2691f6c:420 (anonymous) @ dynamic-import.js?hash=d3e0fe1c9fb2d37129ef347d1ee905ade2691f6c:17 (anonymous) @ dynamic-import.js?hash=d3e0fe1c9fb2d37129ef347d1ee905ade2691f6c:420 webapp.js?hash=21a471b5e10ef4f65b9925eaf8d227797c060a10:18 Uncaught TypeError: Cannot read property 'meteorInstall' of undefined at webapp.js?hash=21a471b5e10ef4f65b9925eaf8d227797c060a10:18 at webapp.js?hash=21a471b5e10ef4f65b9925eaf8d227797c060a10:79 (anonymous) @ webapp.js?hash=21a471b5e10ef4f65b9925eaf8d227797c060a10:18 (anonymous) @ webapp.js?hash=21a471b5e10ef4f65b9925eaf8d227797c060a10:79 autoupdate.js?hash=1fd9cf3472adaa6887170d88ab5ea1ddabf695fa:19 Uncaught TypeError: Cannot read property 'Retry' of undefined at autoupdate.js?hash=1fd9cf3472adaa6887170d88ab5ea1ddabf695fa:19 at autoupdate.js?hash=1fd9cf3472adaa6887170d88ab5ea1ddabf695fa:206 (anonymous) @ autoupdate.js?hash=1fd9cf3472adaa6887170d88ab5ea1ddabf695fa:19 (anonymous) @ autoupdate.js?hash=1fd9cf3472adaa6887170d88ab5ea1ddabf695fa:206 global-imports.js?hash=f342f49509afdfe67508ace445cfc6c7443cf69c:3 Uncaught TypeError: Cannot read property 'Mongo' of undefined at global-imports.js?hash=f342f49509afdfe67508ace445cfc6c7443cf69c:3 (anonymous) @ global-imports.js?hash=f342f49509afdfe67508ace445cfc6c7443cf69c:3 app.js?hash=db52763b4d2e063e2f300b807b3e841555ed6973:1 Uncaught ReferenceError: meteorInstall is not defined at app.js?hash=db52763b4d2e063e2f300b807b3e841555ed6973:1 (anonymous) @ app.js?hash=db52763b4d2e063e2f300b807b3e841555ed6973:1 mdg_validation-error.js?hash=c997f2e1266bad45a05f9257ed5b8d12e45560be:17 Uncaught TypeError: Cannot read property 'check' of undefined at mdg_validation-error.js?hash=c997f2e1266bad45a05f9257ed5b8d12e45560be:17 at mdg_validation-error.js?hash=c997f2e1266bad45a05f9257ed5b8d12e45560be:109

I add the module to my project like this:

import ReactQuill from 'react-quill'; import Quill from 'quill'; import { ImageDrop } from 'quill-image-drop-module';

Any idea what I am doing wrong?

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.