editor.js/example.html

184 lines
5.9 KiB
HTML
Raw Normal View History

2015-11-28 23:10:25 +01:00
<!DOCTYPE html>
<html lang="en">
2015-11-28 23:10:25 +01:00
<head>
<meta charset="UTF-8">
<title>Title</title>
2015-11-28 23:10:25 +01:00
</head>
<body>
2015-11-28 23:10:25 +01:00
<textarea name="" id="codex_area" cols="30" rows="10" hidden></textarea>
2015-11-28 23:10:25 +01:00
</body>
<script src="./codex-editor.js?v=108"></script>
<link rel="stylesheet" href="./codex-editor.css?v=11000">
<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>
codex.start({
textareaId : "codex_area",
initialBlockPlugin : 'paragraph',
tools : {
paragraph: {
type: 'paragraph',
iconClassname: 'ce-icon-paragraph',
render: paragraph.render,
validate: paragraph.validate,
save: paragraph.save,
allowedToPaste: true,
2017-01-11 19:19:00 +01:00
showInlineToolbar: true
2017-01-25 23:41:18 +01:00
},
heading_styled: {
type: 'heading_styled',
iconClassname: 'ce-icon-header',
appendCallback: header.appendCallback,
makeSettings: header.makeSettings,
render: header.render,
validate: header.validate,
save: header.save,
displayInToolbox: 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
},
code: {
type: 'code',
iconClassname: 'ce-icon-code',
make: code.make,
appendCallback: null,
settings: null,
render: code.render,
validate: code.validate,
save: code.save,
displayInToolbox: true,
enableLineBreaks: true
},
link: {
type: 'link',
iconClassname: 'ce-icon-link',
make: link.makeNewBlock,
appendCallback: link.appendCallback,
render: link.render,
validate: link.validate,
save: link.save,
displayInToolbox: true,
enableLineBreaks: true
},
list: {
type: 'list',
iconClassname: 'ce-icon-list-bullet',
make: list.make,
appendCallback: null,
settings: list.makeSettings,
render: list.render,
validate: list.validate,
save: list.save,
displayInToolbox: true,
2017-01-11 19:19:00 +01:00
showInlineToolbar: true,
enableLineBreaks: true
},
quote: {
type: 'quote',
iconClassname: 'ce-icon-quote',
make: quote.makeBlockToAppend,
appendCallback: null,
settings: quote.makeSettings,
render: quote.render,
validate: quote.validate,
save: quote.save,
displayInToolbox: true,
enableLineBreaks: true,
2017-01-11 19:19:00 +01:00
showInlineToolbar: true,
allowedToPaste: true
},
image: {
type: 'image',
iconClassname: 'ce-icon-picture',
make: image.make,
appendCallback: image.appendCallback,
settings: image.makeSettings,
render: image.render,
save: image.save,
isStretched: true,
displayInToolbox: true,
enableLineBreaks: false
},
instagram: {
type: 'instagram',
iconClassname: 'ce-icon-instagram',
prepare: instagram.prepare,
make: instagram.make,
appendCallback: null,
settings: null,
render: instagram.reneder,
validate: instagram.validate,
save: instagram.save,
displayInToolbox: false,
enableLineBreaks: false,
allowedToPaste: false
},
twitter: {
type: 'twitter',
iconClassname: 'ce-icon-twitter',
prepare: twitter.prepare,
make: twitter.make,
appendCallback: null,
settings: null,
render: twitter.render,
validate: twitter.validate,
save: twitter.save,
displayInToolbox: false,
enableLineBreaks: false,
allowedToPaste: false
}
},
data : {
items: [],
count: 0
}
});
2015-11-28 23:10:25 +01:00
</script>
</html>