Comments (4)
Yes absolutely, the editor has a paste method which can be monkey patched for example:
# Monkey patch editors paste method
editorCls = ContentTools.EditorApp.getCls()
editorCls.paste = (element, clipboardData) ->
... add you custom handler here ...
element
is the element being pasted into, and clipboardData
is the content pasted by the user (https://developer.mozilla.org/en-US/docs/Web/API/ClipboardEvent/clipboardData).
You will need to use the develop branch as I modified the source to ensure the clipboardData is sent to the paste event, previously only a plain text version of the content was sent.
from contenttools.
@anthonyjb I tried to patch 'develop' version with following code, but console.log('Paste', arguments);
doesn't shows pasted data:
window.onload = function() {
var editor, req;
editor = new ContentTools.EditorApp.get();
editor.paste = function(element, clipboardData){
console.log('Paste', arguments); // What's wrong?
};
editor.init('.editable', 'data-name');
editor.bind('save', function(regions, autoSave) {
var saved;
editor.busy(true);
saved = (function(_this) {
return function() {
editor.busy(false);
return new ContentTools.FlashUI('ok');
};
})(this);
return setTimeout(saved, 2000);
});
req = new XMLHttpRequest();
req.overrideMimeType('application/json');
req.open('GET', 'https://raw.githubusercontent.com/GetmeUK/ContentTools/master/translations/lp.json', true);
return req.onreadystatechange = function(ev) {
var translations;
if (ev.target.readyState === 4) {
translations = JSON.parse(ev.target.responseText);
ContentEdit.addTranslations('lp', translations);
return ContentEdit.LANGUAGE = 'lp';
}
};
};
from contenttools.
So if I patch the editor as you have done and console.log
the clipboardData
value I get a DataTransfer object which I can use to query for pasted data (https://developer.mozilla.org/en-US/docs/Web/API/ClipboardEvent).
This allows me to query the pasted data, for example: clipboardData.getData('text/plain')
, what is the value of clipboardData
for you?
editor.paste = function (element, clipboardData) {
console.log(clipboardData.getData('text/plain'));
}
from contenttools.
Works great! Thank you!
from contenttools.
Related Issues (20)
- Save issue - saves fine, but won't allow a second "save" HOT 5
- Making CT compatible with CSP style-src set to 'self'
- Can't edit files that were included or read by php HOT 17
- Edit multiple paragraphs at once. HOT 2
- Is there a way to change the default tag output for normal html tags HOT 2
- Missing translation in /src/scripts/ui/dialogs/table.coffee
- Problem update image classes HOT 5
- Build files to use dynamic import in pure javascript HOT 1
- How to use assign ? HOT 2
- Hot to keep style attributes on save.
- Support for Sass >= 1.33 HOT 11
- npm install failed HOT 2
- Feature: Support drag & drop of images
- The image uploader HOT 2
- Inspector bar doesn't show embedded HTML elements when wrapped with paragraph HOT 1
- Line breaks not saving
- Add class to a link
- Lazy loading of images
- Source code edit? Insert <script> tag HOT 3
- The part in italics is not the right one 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 contenttools.