mirror of
https://github.com/codex-team/editor.js
synced 2024-06-24 08:20:25 +02:00
6639a140e7
- [x] В цитате слишком мелкий шрифт в имени и должности. Нужно сделать обычный, как у текста - [x] Цитата - должность должна быть черным шрифтом - [x] Цитата - сделать квадратное фото - [x] Цитата у ce-quote — margin: 0; padding: 15px 0; - [x] В плагине твиттера лоадер пропадает слишком рано, до рендеринга твита - [x] Твиттер — у подписи добавить белый фон - [x] Твиттер — добавить width 100% к iframe, убрать max-width у подписи - [x] Твиттер — разрешить добавлять ссылки/жирность в подписи
145 lines
2.9 KiB
JavaScript
145 lines
2.9 KiB
JavaScript
/**
|
|
* Instagram plugin
|
|
* @version 1.0.0
|
|
*/
|
|
var instagram = (function(instagram) {
|
|
|
|
var methods = {
|
|
|
|
render : function(content) {
|
|
|
|
codex.content.switchBlock(codex.content.currentNode, content, 'instagram');
|
|
|
|
setTimeout(function() {
|
|
window.instgrm.Embeds.process();
|
|
}, 200);
|
|
|
|
},
|
|
|
|
/**
|
|
* Drawing html content.
|
|
*
|
|
* @param url
|
|
* @returns {Element} blockquote - HTML template for Instagram Embed JS
|
|
*/
|
|
instagramBlock : function(url) {
|
|
|
|
var blockquote = codex.draw.node('BLOCKQUOTE', 'instagram-media instagram', {}),
|
|
div = codex.draw.node('DIV', '', {}),
|
|
paragraph = codex.draw.node('P', 'ce-paste__instagram--p', {}),
|
|
anchor = codex.draw.node('A', '', { href : url });
|
|
|
|
blockquote.dataset.instgrmVersion = 4;
|
|
|
|
paragraph.appendChild(anchor);
|
|
div.appendChild(paragraph);
|
|
blockquote.appendChild(div);
|
|
|
|
return blockquote;
|
|
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Prepare before usage
|
|
* Load important scripts to render embed
|
|
*/
|
|
instagram.prepare = function() {
|
|
|
|
var script = "https://platform.instagram.com/en_US/embeds.js";
|
|
|
|
/**
|
|
* Load widget
|
|
*/
|
|
codex.core.importScript(script, 'instagramAPI');
|
|
};
|
|
|
|
/**
|
|
* @private
|
|
*
|
|
* Make instagram embed via Widgets method
|
|
*/
|
|
var make_ = function(data, isInternal) {
|
|
|
|
if (!data.instagram_url)
|
|
return;
|
|
|
|
var block = methods.instagramBlock(data.instagram_url);
|
|
|
|
if (isInternal) {
|
|
|
|
setTimeout(function() {
|
|
|
|
/** Render block */
|
|
methods.render(block);
|
|
|
|
}, 200);
|
|
}
|
|
|
|
if (!isInternal) {
|
|
methods.render(block);
|
|
}
|
|
|
|
return block;
|
|
};
|
|
|
|
instagram.validate = function(data) {
|
|
return true;
|
|
};
|
|
|
|
/**
|
|
* Saving JSON output.
|
|
* Upload data via ajax
|
|
*/
|
|
instagram.save = function(blockContent) {
|
|
|
|
var data;
|
|
|
|
if (!blockContent)
|
|
return;
|
|
|
|
/** Example */
|
|
data = {
|
|
instagram_url: blockContent.src
|
|
};
|
|
|
|
return data;
|
|
|
|
};
|
|
|
|
instagram.validate = function(data) {
|
|
|
|
var checkUrl = new RegExp("http?.+instagram.com\/p?.");
|
|
|
|
if (!data.instagram_url || checkUrl.exec(data.instagram_url).length == 0)
|
|
return;
|
|
|
|
return true;
|
|
};
|
|
|
|
/**
|
|
* Render data
|
|
*/
|
|
instagram.render = function(data) {
|
|
return make_(data);
|
|
};
|
|
|
|
/**
|
|
* callback for instagram url's coming from pasteTool
|
|
* Using instagram Embed Widgete to render
|
|
* @param url
|
|
*/
|
|
instagram.urlPastedCallback = function(url) {
|
|
var data = {
|
|
instagram_url: url
|
|
};
|
|
|
|
make_(data, true);
|
|
|
|
};
|
|
|
|
return instagram;
|
|
|
|
})({});
|
|
|