X-Git-Url: http://git.shiar.net/minimedit.git/blobdiff_plain/4bf9341c044f4081ac80317d758435d2d537e006..HEAD:/edit/page.js

diff --git a/edit/page.js b/edit/page.js
index 0566bcf..8aa2890 100644
--- a/edit/page.js
+++ b/edit/page.js
@@ -1,5 +1,9 @@
 var pagebody;
 
+function editorcontents() {
+	return document.getElementsByClassName('static')[0];
+}
+
 function editorsetup() {
 
 CKEDITOR.disableAutoInline = true;
@@ -15,15 +19,20 @@ CKEDITOR.plugins.add('inlinesave', {
 				// 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;');
+				body = body.replace(/\b((?:[Dd]hr|[Mm](?:w|e?vr|r|r?ss?)|[A-Z])\.)\s+(?=[A-Zdtv])/g, '$1&nbsp;');
 				// wrap long line after each sentence
 				body = body.replace(/^(\t*).{73,}/mg, function (line, indent) {
+					if (/^<meta /.test(line)) return line; // ignore metadata headers
 					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');
 				});
 				// treat standalone placeholders as block elements
 				body = body.replace(/<p>(\[\[.*\]\])<\/p>/g, '$1');
+				// strip redundant domain in relative urls
+				var hostlink = 'https?://' + window.location.hostname.replace(/\W/g, '\\$&');
+				hostlink = new RegExp('(<a [^>]*href="|<img [^>]*src=")' + hostlink + '(?=/)', 'gi');
+				body = body.replace(hostlink, '$1');
 
 				var data = 'body='+encodeURIComponent(body);
 				var ajaxpost = new XMLHttpRequest();
@@ -49,7 +58,7 @@ CKEDITOR.plugins.add('inlinesave', {
 				ajaxpost.send(data);
 			},
 		});
-		editor.setKeystroke(CKEDITOR.CTRL + 83 /*S*/, 'inlinesave');
+		editor.setKeystroke(CKEDITOR.CTRL + 'S'.charCodeAt(0), 'inlinesave');
 		editor.ui.addButton( 'Inlinesave', {
 			command: 'inlinesave',
 			label: editor.lang.save.toolbar,
@@ -111,31 +120,46 @@ CKEDITOR.on('instanceCreated', function (event) {
 		var config = editor.config;
 		config.language = 'nl';
 		config.extraPlugins = 'inlinesave,placeholder,image2,uploadimage';
-		config.format_tags = 'h2;h3;h4;p';
-		config.allowedContent = true;
+		config.removePlugins = 'image,exportpdf'; // conflicts with imag2
+		config.allowedContent = {
+			$1: {
+				elements: CKEDITOR.dtd,
+				attributes: true,
+				styles: true,
+				classes: true,
+			},
+		};
+		config.disallowedContent = 'img[width,height]';
 		config.entities = false; // keep unicode
-		config.filebrowserImageUploadUrl = '/edit/page?output=ckescript';
-		config.uploadUrl = '/edit/page?output=ckjson';
+		config.filebrowserImageUploadUrl = '/edit/page?output=ckjson';
 		config.image2_alignClasses = ['left', 'center', 'right'];
+		config.image2_prefillDimensions = false;
 		config.image2_disableResizer = true;
 		config.stylesSet = [
-			{ name: 'Klein', element: 'small' },
-			{ name: 'Zijkant', element: 'span', attributes: { 'class': 'right' } },
-			{ name: 'Attributie', element: 'em', attributes: { 'class': 'right' } },
-			{ name: 'Quote', element: 'q' },
-			{ name: 'Gemarkeerd', element: 'span', styles: { 'background-color': 'Yellow' } },
+			{ name: 'Paginakop', element: 'h2' },
+			{ name: 'Paragraafkop', element: 'h3' },
+			{ name: 'Alineakop', element: 'h4' },
 
-			{ name: 'Kadertekst', element: 'aside' },
-			{ name: 'Uitgelijnd', element: 'div', attributes: { 'class': 'right' } },
+			{ name: 'Gerelateerd', element: 'aside' },
+			{ name: 'Voetnoot', element: 'div', attributes: { 'class': 'right' } },
 			{ name: 'Kolom', element: 'div', attributes: { 'class': 'col' } },
+			{ 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.contentsCss = [...document.styleSheets].map(e => e.href).filter(Boolean);
 		config.toolbar = [
 			['Inlinesave', '-', 'Undo', 'Redo'],
-			['Format', 'Styles'],
-			['Bold', 'Italic', 'Link'],
+			['Styles', 'Bold', 'Italic', 'Link'],
 			['BulletedList', 'NumberedList', 'Blockquote'],
 			['Table', 'CreateDiv'],
 			['Image', 'HorizontalRule', 'CreatePlaceholder'],
@@ -161,14 +185,17 @@ CKEDITOR.on('instanceCreated', function (event) {
 
 if (pagebody) {
 	// add edit link to menu
-	var editlink = document.querySelector('a[href="#edit"]');
-	if (editlink)
+	var editdiv = document.querySelector('header .login > p');
+	if (!editdiv) return;
+	var editlink = editdiv.appendChild(document.createElement('a'));
+	editlink.append('\u270D');
+	editlink.className = 'icon icon-edit';
+	editlink.href = '#edit';
 	editlink.onclick = function (e) {
 		editlink.style.fontWeight = 'bold';
 		editlink.href = '';
 		editlink.onclick = undefined;
-		var dynpage = document.getElementsByClassName('static')[0];
-		document.body.replaceChild(pagebody, dynpage);
+		document.body.replaceChild(pagebody, editorcontents());
 		pagebody.setAttribute('contenteditable', true);
 		pagebody.querySelectorAll('[data-dyn]').forEach(function (el) {
 			let blockname = el.getAttribute('data-dyn');
@@ -189,8 +216,11 @@ if (pagebody) {
 
 }
 
+var ckesrc = document.currentScript.getAttribute('data-ckesrc');
 document.addEventListener('DOMContentLoaded', function (e) {
-	pagebody = document.getElementsByClassName('static')[0].cloneNode(true);
+	pagebody = editorcontents();
+	if (!pagebody) return;
+	pagebody = pagebody.cloneNode(true);
 	var editorinc = document.createElement('script');
 	editorinc.addEventListener('load', editorsetup);
 	editorinc.src = ckesrc;