editor.addCommand( 'inlinesave', {
exec: function (editor) {
var pagename = window.location.pathname.replace(/\/$/, '/index');
- var data = 'body='+encodeURIComponent(editor.getData());
+ var body = editor.getData().replace(/^(\t*).{73,}/mg, function (line, indent) {
+ // wrap long line after each sentence
+ var dots = '(?:.{24,72}|.{73,}?)'; // chars before punctuation
+ var wrap = new RegExp('('+dots+'[.;:!?]) (?=[A-Z(<])', 'g'); // separate lines
+ return line.replace(wrap, '$1\n'+indent+'\t');
+ });
+ var data = 'body='+encodeURIComponent(body);
ajaxpost = new XMLHttpRequest();
ajaxpost.open('POST', '/edit'+pagename, true);
ajaxpost.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
editor.on('configLoaded', function () {
var config = editor.config;
config.language = 'nl';
- config.extraPlugins = 'sourcedialog,inlinesave';
+ config.extraPlugins = 'sourcedialog,inlinesave,placeholder';
config.format_tags = 'h2;h3;h4;p';
config.allowedContent = true;
config.entities = false; // keep unicode
['Format'],
['BulletedList', 'NumberedList', '-', 'Blockquote'],
['Bold', 'Italic', 'Underline', 'Strike', 'RemoveFormat', '-', 'Anchor', 'Link'],
- ['HorizontalRule', 'Table', 'Image'],
+ ['HorizontalRule', 'Table', 'Image', 'CreatePlaceholder'],
];
config.toolbarCanCollapse = true;
config.floatSpacePreferRight = true;
});
});
- CKEDITOR.on('instanceReady', function (event) {
- var editor = event.editor;
- var writer = editor.dataProcessor.writer;
- writer.selfClosingEnd = '>';
- writer.setRules( 'p', {
- breakAfterOpen: true,
- breakBeforeClose: true,
- });
- });
-
CKEDITOR.disableAutoInline = true;
// add edit link to menu
var editlink = document.createElement('a');
editlink.style.cursor = 'pointer';
editlink.appendChild(document.createTextNode('Wijzig'));
+ editlink.href = '#edit';
editlink.onclick = function (e) {
- var toggled = editlink.style.fontWeight;
- editlink.style.fontWeight = toggled ? '' : 'bold';
- pagebody.setAttribute('contenteditable', !toggled);
- if (toggled) {
- for (name in CKEDITOR.instances) {
- CKEDITOR.instances[name].destroy()
- }
- }
- else {
- CKEDITOR.inline(pagebody);
- }
- document.body.className = toggled ? '' : 'edit';
+ editlink.style.fontWeight = 'bold';
+ editlink.href = '';
+ editlink.onclick = undefined;
+ pagebody.setAttribute('contenteditable', true);
+ pagebody.innerHTML = pagebody.innerHTML
+ .replace(/<!--BLOCK:([^-]*)-->[^]*?<!--\/-->/g, '$1');
+ CKEDITOR.inline(pagebody);
+ document.body.className = 'edit';
return false;
};
if (window.location.hash == '#edit') {