deblan-mirror/editor.js
deblan-mirror/editor.js
1
0
Fork 0
mirror of https://github.com/codex-team/editor.js synced 2026-03-17 16:10:07 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #125 from codex-team/quote-mods

Browse source 
Quote modifications
This commit is contained in:
khaydarov 2017-01-26 20:13:01 +03:00 • committed by GitHub
commit 9ed8a19208
3 changed files with 70 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

10
example.html
View file

@ -151,15 +151,9 @@
type: 'instagram',
iconClassname: 'ce-icon-instagram',
prepare: instagram.prepare,
make: instagram.make,
appendCallback: null,
settings: null,
render: instagram.reneder,
validate: instagram.validate,
save: instagram.save,
displayInToolbox: false,
enableLineBreaks: false,
allowedToPaste: false
save: instagram.save
},
twitter: {
type: 'twitter',
@ -177,7 +171,7 @@
make: embed.make,
render: embed.render,
save: embed.save,
validate: embed.validate,
validate: embed.validate
}
},
data : {

7
plugins/quote/quote.css
View file

@ -127,6 +127,13 @@
.authorsPhoto-wrapper {
border: 0 !important;
transition: all 500ms ease-in;
will-change: opacity, filter;
}
.authorsPhotoWrapper_preview {
opacity: .5;
filter: blur(1.7px) grayscale(1);
}
.quoteStyle-withPhoto--photo .ce-icon-picture {

78
plugins/quote/quote.js
View file

@ -18,6 +18,7 @@ var quote = (function(quote) {
authorsJob : 'ce_quote--job',
authorsPhoto : 'authorsPhoto',
authorsPhotoWrapper : 'authorsPhoto-wrapper',
authorsPhotoWrapper_preview : 'authorsPhotoWrapper_preview',
simple : {
text : 'quoteStyle-simple--text'
@ -327,6 +328,8 @@ var quote = (function(quote) {
};
/**
* @private
*
@ -334,8 +337,33 @@ var quote = (function(quote) {
*/
var photoUploadingCallbacks_ = {
preview_ : function(e) {
var uploadImageWrapper = codex.content.currentNode.querySelector('.' + elementClasses_.withPhoto.photo),
authorsPhoto = ui_.img(elementClasses_.authorsPhoto);
authorsPhoto.src = e.target.result;
/** Remove icon from image wrapper */
uploadImageWrapper.innerHTML = '';
/** Appending uploaded image */
uploadImageWrapper.classList.add(elementClasses_.authorsPhotoWrapper, elementClasses_.authorsPhotoWrapper_preview);
uploadImageWrapper.appendChild(authorsPhoto);
},
beforeSend : function() {
var input = codex.transport.input,
files = input.files,
file = files[0],
fileReader = new FileReader();
fileReader.readAsDataURL(file);
fileReader.onload = photoUploadingCallbacks_.preview_(e);
},
/**
@ -346,19 +374,12 @@ var quote = (function(quote) {
var parsed = JSON.parse(result),
filename = parsed.filename,
uploadImageWrapper = codex.content.currentNode.querySelector('.' + elementClasses_.withPhoto.photo),
authorsPhoto = ui_.img(elementClasses_.authorsPhoto);
uploadImageWrapper = codex.content.currentNode.querySelector('.' + elementClasses_.withPhoto.photo);
authorsPhoto.src = parsed.data.file.url;
var img = uploadImageWrapper.querySelector('IMG');
img.src = parsed.data.file.bigUrl;
/** Remove icon from image wrapper */
uploadImageWrapper.innerHTML = '';
/** Appending uploaded image */
uploadImageWrapper.classList.add(elementClasses_.authorsPhotoWrapper);
uploadImageWrapper.appendChild(authorsPhoto);
authorsPhoto.dataset.bigUrl = parsed.data.file.bigUrl;
uploadImageWrapper.classList.remove(elementClasses_.authorsPhotoWrapper_preview);
},
/** Error callback. Sends notification to user that something happend or plugin doesn't supports method */
@ -418,6 +439,33 @@ var quote = (function(quote) {
var prepareDataForSave_ = function(data) {
var TEXTNODE = 3;
if (data.size == 'withPhoto') {
data.size = 'small';
}
var wrapper = document.createElement('DIV');
wrapper.innerHTML = data.text;
var child,
paragraph;
for (child = 0; child < wrapper.childNodes.length; child++) {
// is TEXT node ?
if (wrapper.childNodes[child].nodeType === TEXTNODE) {
paragraph = document.createElement('P');
paragraph.innerHTML = wrapper.childNodes[child].textContent;
wrapper.childNodes[child].replaceWith(paragraph);
}
}
data.text = wrapper.innerHTML;
return data;
};
/**
@ -448,11 +496,7 @@ var quote = (function(quote) {
*/
var parsedblock = methods_.parseBlockQuote(blockContent);
if (parsedblock.style == 'withPhoto') {
parsedblock.style = 'small';
}
data = {
var data = {
"text" : parsedblock.text,
"format" : "html",
"cite" : parsedblock.author,
@ -461,7 +505,7 @@ var quote = (function(quote) {
"image" : parsedblock.photo
};
return data;
return prepareDataForSave_(data);
};
/**