X-Git-Url: http://git.shiar.net/minimedit.git/blobdiff_plain/acc39fd2f0eaf516dbb534232ed5f631c269886b..a7131e1013d54f0a6f0e80d05d04ff724d68466e:/edit/page.js

diff --git a/edit/page.js b/edit/page.js
index 45f0104..b21a038 100644
--- a/edit/page.js
+++ b/edit/page.js
@@ -1,11 +1,25 @@
+var pagebody;
+
+function editorcontents() {
+	return document.getElementsByClassName('static')[0];
+}
+
+function editorsetup() {
+
+CKEDITOR.disableAutoInline = true;
+
 CKEDITOR.plugins.add('inlinesave', {
 	init: function(editor) {
 		editor.addCommand( 'inlinesave', {
 			exec: function (editor) {
-				var pagename = window.location.pathname.replace(/\/$/, '/index');
+				var pagename = window.location.pathname;
 				var body = editor.getData();
+				// trim trailing whitespace in non-empty paragraphs
+				body = body.replace(/((?!<p>).{3})(?:\s|\u200B)+(?=<\/p>)/g, '$1');
 				// empty line is equivalent to a paragraph break
 				body = body.replace(/<br \/>\s*<br \/>/g, '<p>');
+				// keep names and preceding abbreviations together
+				body = body.replace(/\b((?:dhr|mw|me?vr|mr?s?)\.)\s+(?=[A-Z])/ig, '$1&nbsp;');
 				// wrap long line after each sentence
 				body = body.replace(/^(\t*).{73,}/mg, function (line, indent) {
 					var dots = '(?:.{24,72}|.{73,}?)'; // chars before punctuation
@@ -39,6 +53,7 @@ CKEDITOR.plugins.add('inlinesave', {
 				ajaxpost.send(data);
 			},
 		});
+		editor.setKeystroke(CKEDITOR.CTRL + 83 /*S*/, 'inlinesave');
 		editor.ui.addButton( 'Inlinesave', {
 			command: 'inlinesave',
 			label: editor.lang.save.toolbar,
@@ -51,15 +66,30 @@ CKEDITOR.on('dialogDefinition', function (event) {
 	switch (event.data.name) {
 	case 'table':
 		// override initial attribute values
-		var infoTab = event.data.definition.getContents('info');
-		infoTab.get('txtWidth').default = '';
-		infoTab.get('txtBorder').default = '0';
-		infoTab.get('txtCellSpace').default = '';
-		infoTab.get('txtCellPad').default = '';
+		var infotab = event.data.definition.getContents('info');
+		infotab.remove('txtWidth');
+		infotab.remove('txtHeight');
+		infotab.remove('txtBorder');
+		infotab.remove('txtCellSpace');
+		infotab.remove('txtCellPad');
+		infotab.remove('cmbAlign');
+
+		// horizontal repositioning of existing elements
+		var hbox = {
+			id: 'hboxDimensions',
+			type: 'hbox',
+			children: [ infotab.get('txtCols'), infotab.get('txtRows') ],
+		};
+		infotab.add(hbox, 'selHeaders');
+		infotab.remove('txtCols');
+		infotab.remove('txtRows');
+
 		break;
 	case 'link':
-		//TODO: remove unneeded widgets from the Link Info tab
-		var infotab = event.data.definition.getContents('info');
+		// hide unneeded widgets from the Link Info tab
+		event.data.definition.getContents('info').get('linkType').hidden = true;
+		let linktarget = event.data.definition.getContents('target').get('linkTargetType');
+		linktarget.items = [ linktarget.items[0], linktarget.items[3] ]; // only _blank
 		break;
 	}
 });
@@ -93,14 +123,26 @@ CKEDITOR.on('instanceCreated', function (event) {
 		config.image2_alignClasses = ['left', 'center', 'right'];
 		config.image2_disableResizer = true;
 		config.stylesSet = [
+			{ name: 'Gerelateerd', element: 'aside' },
+			{ name: 'Voetnoot', element: 'div', attributes: { 'class': 'right' } },
 			{ name: 'Kolom', element: 'div', attributes: { 'class': 'col' } },
-			{ name: 'Rechts', element: 'div', attributes: { 'class': 'right' } },
+			{ name: 'Navigatie', element: 'p', attributes: { 'class': 'nav' } },
+			{ name: 'Waarschuwing', element: 'div', attributes: { 'class': 'warn' } },
+
+			{ name: 'Klein', element: 'small' },
+			{ name: 'Aanhaling', element: 'q' },
+			{ name: 'Doorstreept', element: 's' },
+			{ name: 'Gemarkeerd', element: 'mark' },
+			{ name: 'Rechts', element: 'span', attributes: { 'class': 'right' } },
+			{ name: 'Attributie', element: 'em', attributes: { 'class': 'right' } },
+			{ name: 'Ingelogd', element: 'span', attributes: { 'class': 'login' } },
+			{ name: 'Uitgelogd', element: 'span', attributes: { 'class': 'logout' } },
 		];
 		config.pasteFilter = pastefilter;
 		config.contentsCss = document.styleSheets[0].href;
 		config.toolbar = [
 			['Inlinesave', '-', 'Undo', 'Redo'],
-			['Format'],
+			['Format', 'Styles'],
 			['Bold', 'Italic', 'Link'],
 			['BulletedList', 'NumberedList', 'Blockquote'],
 			['Table', 'CreateDiv'],
@@ -111,6 +153,7 @@ CKEDITOR.on('instanceCreated', function (event) {
 		config.toolbarCanCollapse = true;
 		config.floatSpacePreferRight = true;
 		config.floatSpaceDockedOffsetY = 0;
+		config.title = false;
 		config.startupFocus = true;
 
 		config.disableObjectResizing = true;
@@ -124,20 +167,24 @@ CKEDITOR.on('instanceCreated', function (event) {
 	};
 });
 
-	CKEDITOR.disableAutoInline = true;
-
-// add edit link to menu
-var pagebody = document.getElementsByClassName('static')[0];
 if (pagebody) {
+	// add edit link to menu
 	var editlink = document.querySelector('a[href="#edit"]');
 	if (editlink)
 	editlink.onclick = function (e) {
 		editlink.style.fontWeight = 'bold';
 		editlink.href = '';
 		editlink.onclick = undefined;
+		document.body.replaceChild(pagebody, editorcontents());
 		pagebody.setAttribute('contenteditable', true);
-		pagebody.innerHTML = pagebody.innerHTML
-			.replace(/<!--BLOCK:(.*?)-->[^]*?<!--\/-->/g, '$1');
+		pagebody.querySelectorAll('[data-dyn]').forEach(function (el) {
+			let blockname = el.getAttribute('data-dyn');
+			if (!blockname) {
+				el.remove();
+				return;
+			}
+			el.outerHTML = '[[' + blockname + ']]';
+		});
 		CKEDITOR.inline(pagebody, { customConfig: '' });
 		document.body.className = 'edit';
 		return false;
@@ -147,3 +194,12 @@ if (pagebody) {
 	}
 }
 
+}
+
+document.addEventListener('DOMContentLoaded', function (e) {
+	pagebody = editorcontents().cloneNode(true);
+	var editorinc = document.createElement('script');
+	editorinc.addEventListener('load', editorsetup);
+	editorinc.src = ckesrc;
+	document.getElementsByTagName('head')[0].appendChild(editorinc);
+});