edit/page: rename and append editor style options

Support previously manual elements on Lijtweg: p.nav, s, span.right.
Prepare options to be displayed in 2 columns (frontend style).

diff --git a/edit/page.js b/edit/page.js
index ccc1115eaeda6798426c0266cb06c3e2ed727555..b21a0386519ca07d4c03880b31a533b5a0f5dc49 100644 (file)
--- a/edit/page.js
+++ b/edit/page.js
@@ -123,18 +123,20 @@ 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: 'Navigatie', element: 'p', attributes: { 'class': 'nav' } },
+                       { name: 'Waarschuwing', element: 'div', attributes: { 'class': 'warn' } },
+
                        { name: 'Klein', element: 'small' },
-                       { name: 'Zijkant', element: 'span', attributes: { 'class': 'right' } },
+                       { 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: 'Quote', element: 'q' },
-                       { name: 'Gemarkeerd', element: 'span', styles: { 'background-color': 'Yellow' } },
                        { name: 'Ingelogd', element: 'span', attributes: { 'class': 'login' } },
                        { name: 'Uitgelogd', element: 'span', attributes: { 'class': 'logout' } },
-
-                       { name: 'Kadertekst', element: 'aside' },
-                       { name: 'Uitgelijnd', element: 'div', attributes: { 'class': 'right' } },
-                       { name: 'Kolom', element: 'div', attributes: { 'class': 'col' } },
-                       { name: 'Waarschuwing', element: 'div', attributes: { 'class': 'warn' } },
                ];
                config.pasteFilter = pastefilter;
                config.contentsCss = document.styleSheets[0].href;