1 CKEDITOR.plugins.add('inlinesave', {
2 init: function(editor) {
3 editor.addCommand( 'inlinesave', {
4 exec: function (editor) {
5 var pagename = window.location.pathname.replace(/\/$/, '/index');
6 var data = 'body='+encodeURIComponent(editor.getData());
7 ajaxpost = new XMLHttpRequest();
8 ajaxpost.open('POST', '/edit'+pagename, true);
9 ajaxpost.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
10 ajaxpost.onreadystatechange = function () {
11 if (ajaxpost.readyState != 4)
12 return; // not done yet
13 if (ajaxpost.status != 200)
14 alert('Foutcode '+ajaxpost.status+' bij opslaan: '+ajaxpost.responseText);
16 alert('Pagina is goed opgeslagen');
21 editor.ui.addButton( 'Inlinesave', {
22 command: 'inlinesave',
23 label: editor.lang.save.toolbar,
29 CKEDITOR.on('dialogDefinition', function (event) {
30 if (event.data.name === 'table') {
31 // override initial attribute values
32 var infoTab = event.data.definition.getContents('info');
33 infoTab.get('txtWidth').default = '';
34 infoTab.get('txtBorder').default = '0';
35 infoTab.get('txtCellSpace').default = '';
36 infoTab.get('txtCellPad').default = '';
40 CKEDITOR.on('instanceCreated', function (event) {
41 var editor = event.editor;
42 editor.on('configLoaded', function () {
43 var config = editor.config;
44 config.language = 'nl';
45 config.extraPlugins = 'sourcedialog,inlinesave,placeholder';
46 config.format_tags = 'h2;h3;h4;p';
47 config.allowedContent = true;
48 config.entities = false; // keep unicode
49 config.filebrowserImageUploadUrl = '/edit?type=img';
50 config.forcePasteAsPlainText = true;
51 config.contentsCss = '/excelsior.css';
53 ['Inlinesave', '-', 'ShowBlocks', 'Sourcedialog', '-', 'Undo', 'Redo'],
55 ['BulletedList', 'NumberedList', '-', 'Blockquote'],
56 ['Bold', 'Italic', 'Underline', 'Strike', 'RemoveFormat', '-', 'Anchor', 'Link'],
57 ['HorizontalRule', 'Table', 'Image', 'CreatePlaceholder'],
59 config.toolbarCanCollapse = true;
60 config.floatSpacePreferRight = true;
61 config.floatSpaceDockedOffsetY = 0;
62 config.startupFocus = true;
64 config.disableObjectResizing = true;
65 document.execCommand('enableObjectResizing', false, false); // workaround in inline mode; ff bug?
69 CKEDITOR.on('instanceReady', function (event) {
70 var editor = event.editor;
71 var writer = editor.dataProcessor.writer;
72 writer.selfClosingEnd = ' />';
73 writer.setRules( 'p', {
75 breakBeforeClose: true,
79 CKEDITOR.disableAutoInline = true;
81 // add edit link to menu
82 var pagebody = document.getElementsByClassName('static')[0];
84 var editlink = document.createElement('a');
85 editlink.style.cursor = 'pointer';
86 editlink.appendChild(document.createTextNode('Wijzig'));
87 editlink.href = '#edit';
88 editlink.onclick = function (e) {
89 editlink.style.fontWeight = 'bold';
91 editlink.onclick = undefined;
92 pagebody.setAttribute('contenteditable', true);
93 pagebody.innerHTML = pagebody.innerHTML
94 .replace(/<!--BLOCK ([a-z]*)-->[^]*?<!--\/-->/g, '[[$1]]');
95 CKEDITOR.inline(pagebody);
96 document.body.className = 'edit';
99 if (window.location.hash == '#edit') {
102 document.querySelector('header ul').appendChild(editlink);