mirror of
https://github.com/codex-team/editor.js
synced 2024-05-23 08:42:25 +02:00
d2e755086a
* listeners module added
* Destroy method added
* Destroy method for plugins added
* Delete plugins properties from window obj
* Revert "Delete plugins properties from window obj"
This reverts commit 6c91f81229.
* Twitter and instagram api's destroy
* Scripts destoy added
* Fix
* Replace regex with String.indexOf
* Settings for destroyer
212 lines
7 KiB
HTML
212 lines
7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>CodeX Editor example</title>
|
|
<style>
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
font-size: 14px;
|
|
line-height: 1.5em;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<textarea name="" id="codex_area" cols="30" rows="10" hidden></textarea>
|
|
|
|
</body>
|
|
|
|
<script src="codex-editor.js?v=108"></script>
|
|
<link rel="stylesheet" href="codex-editor.css?v=11000">
|
|
|
|
|
|
<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/embed/embed.js"></script>
|
|
<link rel="stylesheet" href="plugins/embed/embed.css">
|
|
|
|
<script>
|
|
codex.editor.start({
|
|
textareaId : "codex_area",
|
|
initialBlockPlugin : 'paragraph',
|
|
tools : {
|
|
paragraph: {
|
|
type: 'paragraph',
|
|
iconClassname: 'ce-icon-paragraph',
|
|
render: paragraph.render,
|
|
validate: paragraph.validate,
|
|
save: paragraph.save,
|
|
destroy: paragraph.destroy,
|
|
allowedToPaste: true,
|
|
showInlineToolbar: true,
|
|
allowRenderOnPaste: true
|
|
},
|
|
heading_styled: {
|
|
type: 'heading_styled',
|
|
iconClassname: 'ce-icon-header',
|
|
appendCallback: header.appendCallback,
|
|
makeSettings: header.makeSettings,
|
|
render: header.render,
|
|
validate: header.validate,
|
|
save: header.save,
|
|
destroy: header.destroy,
|
|
displayInToolbox: true
|
|
},
|
|
code: {
|
|
type: 'code',
|
|
iconClassname: 'ce-icon-code',
|
|
make: code.make,
|
|
appendCallback: null,
|
|
settings: null,
|
|
render: code.render,
|
|
validate: code.validate,
|
|
save: code.save,
|
|
destroy: code.destroy,
|
|
displayInToolbox: true,
|
|
enableLineBreaks: true
|
|
},
|
|
link: {
|
|
type: 'link',
|
|
iconClassname: 'ce-icon-link',
|
|
prepare: link.prepare,
|
|
make: link.makeNewBlock,
|
|
appendCallback: link.appendCallback,
|
|
render: link.render,
|
|
validate: link.validate,
|
|
save: link.save,
|
|
destroy: link.destroy,
|
|
displayInToolbox: true,
|
|
enableLineBreaks: true
|
|
},
|
|
list: {
|
|
type: 'list',
|
|
iconClassname: 'ce-icon-list-bullet',
|
|
make: list.make,
|
|
appendCallback: null,
|
|
makeSettings: list.makeSettings,
|
|
render: list.render,
|
|
validate: list.validate,
|
|
save: list.save,
|
|
destroy: list.destroy,
|
|
displayInToolbox: true,
|
|
showInlineToolbar: true,
|
|
enableLineBreaks: true,
|
|
allowedToPaste: true,
|
|
},
|
|
quote_styled: {
|
|
type: 'quote_styled',
|
|
iconClassname: 'ce-icon-quote',
|
|
makeSettings: quote.makeSettings,
|
|
prepare: quote.prepare,
|
|
render: quote.render,
|
|
validate: quote.validate,
|
|
save: quote.save,
|
|
destroy: quote.destroy,
|
|
displayInToolbox: true,
|
|
enableLineBreaks: true,
|
|
showInlineToolbar: true,
|
|
allowedToPaste: true,
|
|
config : {
|
|
defaultStyle : 'withPhoto'
|
|
}
|
|
},
|
|
image_extended: {
|
|
type: 'image_extended',
|
|
iconClassname: 'ce-icon-picture',
|
|
appendCallback: image.appendCallback,
|
|
prepare: image.prepare,
|
|
makeSettings: image.makeSettings,
|
|
render: image.render,
|
|
save: image.save,
|
|
destroy: image.destroy,
|
|
isStretched: true,
|
|
showInlineToolbar: true,
|
|
displayInToolbox: true,
|
|
renderOnPastePatterns: image.pastePatterns,
|
|
config: {
|
|
uploadUrl : '/club/fetch'
|
|
}
|
|
},
|
|
instagram: {
|
|
type: 'instagram',
|
|
iconClassname: 'ce-icon-instagram',
|
|
prepare: instagram.prepare,
|
|
render: instagram.reneder,
|
|
validate: instagram.validate,
|
|
save: instagram.save,
|
|
destroy: instagram.destroy,
|
|
renderOnPastePatterns: instagram.pastePatterns,
|
|
},
|
|
tweet: {
|
|
type: 'tweet',
|
|
iconClassname: 'ce-icon-twitter',
|
|
prepare: twitter.prepare,
|
|
render: twitter.render,
|
|
validate: twitter.validate,
|
|
save: twitter.save,
|
|
destroy: twitter.destroy,
|
|
showInlineToolbar : true,
|
|
renderOnPastePatterns: twitter.pastePatterns,
|
|
config : {
|
|
fetchUrl : ''
|
|
}
|
|
},
|
|
video_extended: {
|
|
type: 'video_extended',
|
|
make: embed.make,
|
|
render: embed.render,
|
|
save: embed.save,
|
|
destroy: embed.destroy,
|
|
validate: embed.validate,
|
|
renderOnPastePatterns: embed.pastePatterns,
|
|
}
|
|
},
|
|
data : {
|
|
items: [
|
|
{
|
|
type : 'paragraph',
|
|
data : {
|
|
text : 'Привет от CodeX'
|
|
}
|
|
},
|
|
{
|
|
type : 'paragraph',
|
|
data : {
|
|
text : 'Пишите нам на team@ifmo.su'
|
|
},
|
|
anchor: 'Update',
|
|
},
|
|
],
|
|
count: 2
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</html>
|