mirror of
https://github.com/codex-team/codex.docs.git
synced 2025-07-21 14:19:42 +02:00
* Transport controller and file model * Use randomBytes intead of pseudoRandomBytes * Cover all lines with tests * Update code style * Update code style * View for image block * Fix serving static files * Mkdir -p for uploads dirs * Add default secret param * Add image Tool * Update src/utils/objects.js Co-Authored-By: talyguryn <vitalik7tv@yandex.ru> * Use vars for image tool colors * Revert var * Remove --color-gray-border var * Update src/controllers/transport.js Co-Authored-By: talyguryn <vitalik7tv@yandex.ru> * Add mp4 support for Image Tool
106 lines
2.5 KiB
JavaScript
106 lines
2.5 KiB
JavaScript
import EditorJS from '@editorjs/editorjs';
|
|
|
|
/**
|
|
* Tools for the Editor
|
|
*/
|
|
import Header from '@editorjs/header';
|
|
import Quote from '@editorjs/quote';
|
|
import Marker from '@editorjs/marker';
|
|
import CodeTool from '@editorjs/code';
|
|
import Delimiter from '@editorjs/delimiter';
|
|
import InlineCode from '@editorjs/inline-code';
|
|
import List from '@editorjs/list';
|
|
import Image from '@editorjs/image';
|
|
import RawTool from '@editorjs/raw';
|
|
import Embed from '@editorjs/embed';
|
|
|
|
/**
|
|
* Class for working with Editor.js
|
|
*/
|
|
export default class Editor {
|
|
/**
|
|
* Creates Editor instance
|
|
* @param {object} editorConfig - configuration object for Editor.js
|
|
* @param {object} data.blocks - data to start with
|
|
* @param {object} options
|
|
* @param {string} options.headerPlaceholder - placeholder for Header tool
|
|
*/
|
|
constructor(editorConfig = {}, options = {}) {
|
|
const defaultConfig = {
|
|
tools: {
|
|
header: {
|
|
class: Header,
|
|
inlineToolbar: ['link', 'marker'],
|
|
config: {
|
|
placeholder: options.headerPlaceholder || ''
|
|
}
|
|
},
|
|
quote: {
|
|
class: Quote,
|
|
inlineToolbar: true
|
|
},
|
|
code: {
|
|
class: CodeTool,
|
|
shortcut: 'CMD+SHIFT+D'
|
|
},
|
|
rawTool: {
|
|
class: RawTool,
|
|
shortcut: 'CMD+SHIFT+R'
|
|
},
|
|
delimiter: Delimiter,
|
|
embed: Embed,
|
|
inlineCode: {
|
|
class: InlineCode,
|
|
shortcut: 'CMD+SHIFT+C'
|
|
},
|
|
marker: {
|
|
class: Marker,
|
|
shortcut: 'CMD+SHIFT+M'
|
|
},
|
|
list: {
|
|
class: List,
|
|
inlineToolbar: true
|
|
},
|
|
image: {
|
|
class: Image,
|
|
inlineToolbar: true,
|
|
config: {
|
|
types: 'image/*, video/mp4',
|
|
endpoints: {
|
|
byFile: '/api/transport/image',
|
|
byUrl: '/api/transport/fetch'
|
|
},
|
|
additionalRequestData: {
|
|
map: JSON.stringify({
|
|
path: 'file:url',
|
|
size: 'file:size',
|
|
mimetype: 'file:mime'
|
|
})
|
|
}
|
|
}
|
|
}
|
|
},
|
|
data: {
|
|
blocks: [
|
|
{
|
|
type: 'header',
|
|
data: {
|
|
text: '',
|
|
level: 2
|
|
}
|
|
}
|
|
]
|
|
}
|
|
};
|
|
|
|
this.editor = new EditorJS(Object.assign(defaultConfig, editorConfig));
|
|
}
|
|
|
|
/**
|
|
* Return Editor data
|
|
* @return {Promise.<{}>}
|
|
*/
|
|
save() {
|
|
return this.editor.saver.save();
|
|
}
|
|
}
|