deblan-mirror/editor.js
deblan-mirror/editor.js
1
0
Fork 0
mirror of https://github.com/codex-team/editor.js synced 2024-06-27 18:01:14 +02:00
Code Issues Projects Releases Wiki Activity

code improve

Browse source
This commit is contained in:
khaydarov 2017-01-26 03:10:36 +03:00
parent fc43d6a4f9
commit a392cdcaf6
2 changed files with 25 additions and 68 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
plugins/image/image.css
View file

@ -4,7 +4,15 @@
* *
* @version 0.0.1 * @version 0.0.1
*/ */
.ce-image {
.ce-image__wrapper img {
transition: all 500ms ease-in;
will-change: opacity, filter;
}
.ce-image__preview img {
opacity: .5;
filter: blur(1.7px) grayscale(1);
} }
/** upload image form */ /** upload image form */

83
plugins/image/image.js
View file

@ -211,9 +211,9 @@ var image = (function(image) {
*/ */
var uploadButtonClicked_ = function(event) { var uploadButtonClicked_ = function(event) {
var beforeSend = uploadingCallbacks_.beforeSend, var beforeSend = uploadingCallbacks_.ByClick.beforeSend,
success = uploadingCallbacks_.success, success = uploadingCallbacks_.ByClick.success,
error = uploadingCallbacks_.error; error = uploadingCallbacks_.ByClick.error;
/** Define callbacks */ /** Define callbacks */
codex.transport.selectAndUpload({ codex.transport.selectAndUpload({
@ -333,15 +333,15 @@ var image = (function(image) {
cover : null cover : null
}; };
var image = make_(data); var newImage = make_(data);
codex.content.switchBlock(image.holder, image, 'image_extended'); codex.content.switchBlock(image.holder, newImage, 'image_extended');
image.classList.add(elementClasses_.imagePreview); newImage.classList.add(elementClasses_.imagePreview);
/** /**
* Change holder to image * Change holder to image
*/ */
image.holder = image; image.holder = newImage;
}; };
}, },
@ -364,10 +364,10 @@ var image = (function(image) {
/** /**
* Change src of image * Change src of image
*/ */
var img = image.holder.getElementsByTagName('IMG')[0]; var newImage = image.holder.getElementsByTagName('IMG')[0];
img.src = parsed.data.file.url; newImage.src = parsed.data.file.url;
img.dataset.bigUrl = parsed.data.file.bigUrl; newImage.dataset.bigUrl = parsed.data.file.bigUrl;
}, },
/** Error callback. Sends notification to user that something happend or plugin doesn't supports method */ /** Error callback. Sends notification to user that something happend or plugin doesn't supports method */
@ -433,7 +433,7 @@ var image = (function(image) {
cover: null cover: null
}; };
image_plugin = codex.tools.image_extended.make(data); image_plugin = codex.tools.image_extended.render(data);
image_plugin.classList.add(elementClasses_.imagePreview); image_plugin.classList.add(elementClasses_.imagePreview);
@ -457,62 +457,6 @@ var image = (function(image) {
codex.core.ajax(data); codex.core.ajax(data);
} }
},
uploadFromUploadCare : function(image) {
var image_plugin;
/** Preparing data for XMLHTTP */
var data = {
url: image.config.uploadUrl,
type: "POST",
data : {
url: image
},
beforeSend : function() {
var data = {
background: false,
border: false,
isStretch: false,
file: {
url: image,
bigUrl: null,
width: null,
height: null,
additionalData: null
},
caption: '',
cover: null
};
/** Using Image plugin make method */
image_plugin = codex.tools.image_extended.make(data);
image_plugin.classList.add(elementClasses_.imagePreview);
var img = image_plugin.querySelector('img');
codex.content.switchBlock(codex.content.currentNode, image_plugin, 'image_extended');
},
success : function(result) {
var data = JSON.parse(result);
image_plugin.dataset.stretched = false;
image_plugin.dataset.src = data.file.url;
image_plugin.dataset.bigUrl = data.file.bigUrl;
image_plugin.dataset.width = data.file.width;
image_plugin.dataset.height = data.file.height;
image_plugin.dataset.additionalData = data.file.additionalData;
image_plugin.classList.remove(elementClasses_.imagePreview);
}
};
codex.core.ajax(data);
} }
}; };
@ -665,6 +609,11 @@ var image = (function(image) {
}; };
/**
* Share as API
*/
image.uploadImageFromUri = uploadingCallbacks_.ByPaste.uploadImageFromUrl;
return image; return image;
})({}); })({});