Comments (2)
This should be a PR, but I'll just paste it here: this is how I solved it - it disabled paste in firefox etc. and then handles everything the same. It might be better to do it only for some 'image/' data type but so far this seems to work.
handlePaste(evt) {
if (evt.clipboardData && evt.clipboardData.items && evt.clipboardData.items.length) {
for (const item of evt.clipboardData.items) {
if (item.kind === 'file') {
evt.preventDefault();
this.readFiles(evt.clipboardData.items, dataUrl => {
const selection = this.quill.getSelection();
this.insert(dataUrl);
// Move after the image
if (selection) {
this.quill.setSelection({index:selection.index + 2, length: 0});
}
});
break;
}
}
}
}
from quill-image-drop-module.
index.js 文件中修改为
handlePaste(evt) {
if (evt.clipboardData && evt.clipboardData.items && evt.clipboardData.items.length) {
this.readFiles(evt.clipboardData.items, dataUrl => {
const userAgent = navigator.userAgent;
if (userAgent.indexOf('Firefox') > -1) {
const selection = this.quill.getSelection();
if (selection) {
} else {
setTimeout(() => this.insert(dataUrl), 0);
}
} else {
setTimeout(() => this.insert(dataUrl), 0);
}
});
}
}
from quill-image-drop-module.
Related Issues (20)
- Safari support
- 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
- Does it work in Chrome? HOT 7
- imageAdded event not tiggered HOT 3
- webpack error HOT 4
- Please add status 201 support
- image upload support
- IE is not support HOT 1
- Usage Documentation Question
- Copy/paste from word document HOT 2
- Align is not working properly.
- Not working with angular 8 and IE11
- Is it licensed? HOT 2
- Drop and paste image issue.
- Error when using with typescript
- copy img dom but paste twice HOT 4
- Lost attributes
- Unhandled Rejection (TypeError): Cannot read property 'imports' of undefined ,in React jS HOT 2
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.
from quill-image-drop-module.