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 body = editor.getData().replace(/^(\t*).{73,}/mg, function (line, indent) {
7 // wrap long line after each sentence
8 var dot = '(?:[^<]|<[^>]*>)'; // one character
9 var dots = '(?:'+dot+'{24,72}|'+dot+'{73,}?)'; // chars before punctuation
10 var wrap = new RegExp('('+dots+'[.;:!?]) (?=[A-Z])', 'g'); // separate lines
11 return line.replace(wrap, '$1\n'+indent+'\t');
13 var data = 'body='+encodeURIComponent(body);
14 ajaxpost = new XMLHttpRequest();
15 ajaxpost.open('POST', '/edit'+pagename, true);
16 ajaxpost.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
17 ajaxpost.onreadystatechange = function () {
18 if (ajaxpost.readyState != 4)
19 return; // not done yet
20 if (ajaxpost.status != 200)
21 alert('Foutcode '+ajaxpost.status+' bij opslaan: '+ajaxpost.responseText);
23 alert('Pagina is goed opgeslagen');
28 editor.ui.addButton( 'Inlinesave', {
29 command: 'inlinesave',
30 label: editor.lang.save.toolbar,
36 CKEDITOR.on('dialogDefinition', function (event) {
37 if (event.data.name === 'table') {
38 // override initial attribute values
39 var infoTab = event.data.definition.getContents('info');
40 infoTab.get('txtWidth').default = '';
41 infoTab.get('txtBorder').default = '0';
42 infoTab.get('txtCellSpace').default = '';
43 infoTab.get('txtCellPad').default = '';
47 CKEDITOR.on('instanceCreated', function (event) {
48 var editor = event.editor;
49 editor.on('configLoaded', function () {
50 var config = editor.config;
51 config.language = 'nl';
52 config.extraPlugins = 'sourcedialog,inlinesave,placeholder';
53 config.format_tags = 'h2;h3;h4;p';
54 config.allowedContent = true;
55 config.entities = false; // keep unicode
56 config.filebrowserImageUploadUrl = '/edit?type=img';
57 config.forcePasteAsPlainText = true;
58 config.contentsCss = '/excelsior.css';
60 ['Inlinesave', '-', 'ShowBlocks', 'Sourcedialog', '-', 'Undo', 'Redo'],
62 ['BulletedList', 'NumberedList', '-', 'Blockquote'],
63 ['Bold', 'Italic', 'Underline', 'Strike', 'RemoveFormat', '-', 'Anchor', 'Link'],
64 ['HorizontalRule', 'Table', 'Image', 'CreatePlaceholder'],
66 config.toolbarCanCollapse = true;
67 config.floatSpacePreferRight = true;
68 config.floatSpaceDockedOffsetY = 0;
69 config.startupFocus = true;
71 config.disableObjectResizing = true;
72 document.execCommand('enableObjectResizing', false, false); // workaround in inline mode; ff bug?
76 CKEDITOR.disableAutoInline = true;
78 // add edit link to menu
79 var pagebody = document.getElementsByClassName('static')[0];
81 var editlink = document.createElement('a');
82 editlink.style.cursor = 'pointer';
83 editlink.appendChild(document.createTextNode('Wijzig'));
84 editlink.href = '#edit';
85 editlink.onclick = function (e) {
86 editlink.style.fontWeight = 'bold';
88 editlink.onclick = undefined;
89 pagebody.setAttribute('contenteditable', true);
90 pagebody.innerHTML = pagebody.innerHTML
91 .replace(/<!--BLOCK:([^-]*)-->[^]*?<!--\/-->/g, '$1');
92 CKEDITOR.inline(pagebody);
93 document.body.className = 'edit';
96 if (window.location.hash == '#edit') {
99 document.querySelector('header ul').appendChild(editlink);