mirror of
https://github.com/codex-team/editor.js
synced 2024-06-28 02:10:31 +02:00
104 lines
1.9 KiB
JavaScript
104 lines
1.9 KiB
JavaScript
/**
|
|
* Paragraph Plugin
|
|
* Creates DIV tag and adds content to this tag
|
|
*/
|
|
|
|
var paragraph = (function(paragraph) {
|
|
|
|
/**
|
|
* @private
|
|
*
|
|
* Make initial header block
|
|
* @param {object} JSON with block data
|
|
* @return {Element} element to append
|
|
*/
|
|
|
|
var make_ = function (data) {
|
|
|
|
/** Create Empty DIV */
|
|
var tag = codex.draw.node('DIV', ['ce-paragraph'], {});
|
|
|
|
if (data && data.text) {
|
|
tag.innerHTML = data.text;
|
|
}
|
|
|
|
tag.contentEditable = true;
|
|
|
|
/**
|
|
* @uses Paste tool callback.
|
|
* Function analyzes pasted data
|
|
* If pasted URL from instagram, twitter or Image
|
|
* it renders via Social widgets content or uploads image and uses Image tool to render
|
|
*/
|
|
tag.addEventListener('paste', codex.tools.paste.callbacks.pasted, false);
|
|
|
|
return tag;
|
|
|
|
};
|
|
|
|
/**
|
|
* @private
|
|
*
|
|
* Handles input data for save
|
|
* @param data
|
|
*/
|
|
var prepareDataForSave_ = function(data) {
|
|
|
|
};
|
|
|
|
/**
|
|
* @public
|
|
*
|
|
* Plugins should have prepare method
|
|
* @param config
|
|
*/
|
|
paragraph.prepare = function(config) {
|
|
|
|
};
|
|
|
|
/*
|
|
* @public
|
|
*
|
|
* Method to render HTML block from JSON
|
|
*/
|
|
paragraph.render = function (data) {
|
|
|
|
return make_(data);
|
|
|
|
};
|
|
|
|
/**
|
|
* @public
|
|
*
|
|
* Check output data for validity.
|
|
* Should be defined by developer
|
|
*/
|
|
paragraph.validate = function(output) {
|
|
|
|
if (output.text == '')
|
|
return;
|
|
|
|
return output;
|
|
};
|
|
|
|
/**
|
|
* @public
|
|
*
|
|
* Method to extract JSON data from HTML block
|
|
*/
|
|
paragraph.save = function (blockContent){
|
|
|
|
var data = {
|
|
"text": blockContent.innerHTML,
|
|
"format": "html",
|
|
"introText": '<<same>>'
|
|
};
|
|
|
|
return data;
|
|
|
|
};
|
|
|
|
return paragraph;
|
|
|
|
})({});
|