mirror of
https://github.com/codex-team/editor.js
synced 2024-06-24 08:20:25 +02:00
191 lines
6.2 KiB
HTML
191 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
</head>
|
|
<body>
|
|
|
|
<textarea name="" id="codex_area" cols="30" rows="10" hidden></textarea>
|
|
|
|
</body>
|
|
|
|
<script src="./codex-editor.js?v=11"></script>
|
|
<link rel="stylesheet" href="./codex-editor.css?v=11">
|
|
|
|
<link rel="stylesheet" href="codex-editor.css">
|
|
|
|
<script src="plugins/paragraph/paragraph.js"></script>
|
|
<link rel="stylesheet" href="plugins/paragraph/paragraph.css">
|
|
|
|
<script src="plugins/header/header.js"></script>
|
|
<link rel="stylesheet" href="plugins/header/header.css">
|
|
|
|
<script src="plugins/code/code.js"></script>
|
|
<link rel="stylesheet" href="plugins/code/code.css">
|
|
|
|
<script src="plugins/link/link.js"></script>
|
|
<link rel="stylesheet" href="plugins/link/link.css">
|
|
|
|
<script src="plugins/quote/quote.js"></script>
|
|
<link rel="stylesheet" href="plugins/quote/quote.css">
|
|
|
|
<script src="plugins/list/list.js"></script>
|
|
<link rel="stylesheet" href="plugins/list/list.css">
|
|
|
|
<script src="plugins/image/image.js"></script>
|
|
<link rel="stylesheet" href="plugins/image/image.css">
|
|
|
|
<script src="plugins/instagram/instagram.js"></script>
|
|
<link rel="stylesheet" href="plugins/instagram/instagram.css">
|
|
|
|
<script src="plugins/twitter/twitter.js"></script>
|
|
<link rel="stylesheet" href="plugins/twitter/twitter.css">
|
|
|
|
<script src="plugins/paste/paste.js"></script>
|
|
<link rel="stylesheet" href="plugins/paste/paste.css">
|
|
|
|
<script src="plugins/youtube/youtube.js"></script>
|
|
<link rel="stylesheet" href="plugins/youtube/youtube.css">
|
|
|
|
<script>
|
|
codex.start({
|
|
textareaId : "codex_area",
|
|
tools : {
|
|
paragraph: {
|
|
type: 'paragraph',
|
|
iconClassname: 'ce-icon-paragraph',
|
|
make: paragraphTool.make,
|
|
appendCallback: null,
|
|
settings: null,
|
|
render: paragraphTool.render,
|
|
save: paragraphTool.save,
|
|
enableLineBreaks: false,
|
|
allowedToPaste: true
|
|
},
|
|
paste: {
|
|
type: 'paste',
|
|
iconClassname: '',
|
|
prepare: pasteTool.prepare,
|
|
make: pasteTool.make,
|
|
appendCallback: null,
|
|
settings: null,
|
|
render: null,
|
|
save: pasteTool.save,
|
|
enableLineBreaks: false,
|
|
callbacks: pasteTool.callbacks,
|
|
allowedToPaste: false
|
|
},
|
|
header: {
|
|
type: 'header',
|
|
iconClassname: 'ce-icon-header',
|
|
make: headerTool.make,
|
|
appendCallback: headerTool.appendCallback,
|
|
settings: headerTool.makeSettings(),
|
|
render: headerTool.render,
|
|
save: headerTool.save,
|
|
displayInToolbox: true
|
|
},
|
|
code: {
|
|
type: 'code',
|
|
iconClassname: 'ce-icon-code',
|
|
make: codeTool.make,
|
|
appendCallback: null,
|
|
settings: null,
|
|
render: codeTool.render,
|
|
save: codeTool.save,
|
|
displayInToolbox: true,
|
|
enableLineBreaks: true
|
|
},
|
|
link: {
|
|
type: 'link',
|
|
iconClassname: 'ce-icon-link',
|
|
make: linkTool.makeNewBlock,
|
|
appendCallback: linkTool.appendCallback,
|
|
render: linkTool.render,
|
|
save: linkTool.save,
|
|
displayInToolbox: true,
|
|
enableLineBreaks: true
|
|
},
|
|
list: {
|
|
type: 'list',
|
|
iconClassname: 'ce-icon-list-bullet',
|
|
make: listTool.make,
|
|
appendCallback: null,
|
|
settings: listTool.makeSettings(),
|
|
render: listTool.render,
|
|
save: listTool.save,
|
|
displayInToolbox: true,
|
|
enableLineBreaks: true
|
|
},
|
|
quote: {
|
|
type: 'quote',
|
|
iconClassname: 'ce-icon-quote',
|
|
make: quoteTools.makeBlockToAppend,
|
|
appendCallback: null,
|
|
settings: quoteTools.makeSettings(),
|
|
render: quoteTools.render,
|
|
save: quoteTools.save,
|
|
displayInToolbox: true,
|
|
enableLineBreaks: true,
|
|
allowedToPaste: true
|
|
},
|
|
image: {
|
|
type: 'image',
|
|
iconClassname: 'ce-icon-picture',
|
|
make: ceImage.make,
|
|
appendCallback: ceImage.appendCallback,
|
|
settings: ceImage.makeSettings(),
|
|
render: ceImage.render,
|
|
save: ceImage.save,
|
|
isStretched: true,
|
|
displayInToolbox: true,
|
|
enableLineBreaks: false
|
|
},
|
|
instagram: {
|
|
type: 'instagram',
|
|
iconClassname: 'ce-icon-instagram',
|
|
prepare: instagramTool.prepare,
|
|
make: instagramTool.make,
|
|
appendCallback: null,
|
|
settings: null,
|
|
render: instagramTool.reneder,
|
|
save: instagramTool.save,
|
|
displayInToolbox: false,
|
|
enableLineBreaks: false,
|
|
allowedToPaste: false
|
|
},
|
|
twitter: {
|
|
type: 'twitter',
|
|
iconClassname: 'ce-icon-twitter',
|
|
prepare: twitterTool.prepare,
|
|
make: twitterTool.make,
|
|
appendCallback: null,
|
|
settings: null,
|
|
render: twitterTool.render,
|
|
save: twitterTool.save,
|
|
displayInToolbox: false,
|
|
enableLineBreaks: false,
|
|
allowedToPaste: false
|
|
},
|
|
youtube: {
|
|
type: 'youtube',
|
|
make: youtubeTool.make,
|
|
appendCallback: null,
|
|
settings: null,
|
|
render: youtubeTool.render,
|
|
save: youtubeTool.save,
|
|
displayInToolbox: false,
|
|
enableLineBreaks: false,
|
|
allowedToPaste: false
|
|
}
|
|
},
|
|
data : {
|
|
items: [],
|
|
count: 0
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</html>
|