@themarioga/grid-editor 7.2.0 → 8.0.0-beta.2

package/src/js/locales/grideditor.es.js

@@ -124,9 +124,8 @@ GridEditor.locales.es = {
     'utility.default': 'Por defecto',
     'utility.inherit': 'Hereda: {value} (de {breakpoint})',
     'utility.varies': 'Cambia en {breakpoints}; elegir aquí lo sustituye',
-    'utility.visibility': 'Visibilidad',
+    'utility.display': 'Display',
     'utility.visibility_hidden': 'Oculto',
-    'utility.visibility_shown': 'Visible',
     'tool.hide_in_view': 'Ocultar en esta vista',
     'tool.show_in_view': 'Mostrar en esta vista',
     'badge.hidden_in': 'Oculto en {breakpoints}',
@@ -138,6 +137,16 @@ GridEditor.locales.es = {
     'badge.order': 'Orden: {value}',
     'utility.justify_content': 'Justificar columnas',
     'utility.align_items': 'Alinear columnas',
+    'utility.align_content': 'Alinear líneas',
+    'utility.flex_direction': 'Dirección',
+    'utility.flex_wrap': 'Salto de línea',
+    'utility.gap': 'Separación',
+    'utility.row_gap': 'Separación entre filas',
+    'utility.column_gap': 'Separación entre columnas',
+    'utility.flex_fill': 'Rellenar',
+    'utility.flex_grow': 'Crecer',
+    'utility.flex_shrink': 'Encoger',
+    'utility.sticky': 'Fijo al desplazar',
     'utility.align_self': 'Alinearse',
     'utility.gutters': 'Espaciado entre columnas',
     'utility.gutters_x': 'Espaciado horizontal',
@@ -160,16 +169,81 @@ GridEditor.locales.es = {
     'utility.float_end': 'Fin',
     'utility.float_none': 'Ninguno',
     'utility.spacing_gutter': 'El relleno lateral de una columna es su espaciado: cambiarlo cambia el espacio entre columnas',
+    'style.section_title': 'Estilo',
+    'style.dialog_title': 'Estilo: {kind}',
+    'style.section_size': 'Tamaño',
+    'style.section_spacing': 'Espaciado',
+    'style.section_border': 'Borde',
+    'style.section_background': 'Fondo',
+    'style.section_text': 'Texto',
+    'style.section_typography': 'Tipografía',
+    'style.section_display': 'Visualización',
+    'style.section_flex': 'Flex',
+    'style.section_position': 'Posición',
+    'style.section_custom': 'CSS libre',
+    'style.all_sizes': 'Se aplica a todos los tamaños',
+    'style.overridden': 'La clase {class} tiene prioridad sobre este valor',
+    'style.invalid': 'Esta propiedad no acepta ese valor',
+    'style.catalog': 'Clases de Bootstrap',
+    'style.shadow_x': 'X',
+    'style.shadow_y': 'Y',
+    'style.shadow_blur': 'Desenfoque',
+    'style.shadow_spread': 'Extensión',
+    'style.shadow_color': 'Color',
+    'style.shadow_inset': 'Interior',
+    'style.shadow_text_mode': 'Editar como texto',
+    'style.prop_width': 'Ancho',
+    'style.prop_height': 'Alto',
+    'style.prop_min_width': 'Ancho mínimo',
+    'style.prop_min_height': 'Alto mínimo',
+    'style.prop_max_width': 'Ancho máximo',
+    'style.prop_max_height': 'Alto máximo',
+    'style.prop_margin_top': 'Margen superior',
+    'style.prop_margin_right': 'Margen derecho',
+    'style.prop_margin_bottom': 'Margen inferior',
+    'style.prop_margin_left': 'Margen izquierdo',
+    'style.prop_padding_top': 'Relleno superior',
+    'style.prop_padding_right': 'Relleno derecho',
+    'style.prop_padding_bottom': 'Relleno inferior',
+    'style.prop_padding_left': 'Relleno izquierdo',
+    'style.prop_border_width': 'Grosor del borde',
+    'style.prop_border_style': 'Estilo del borde',
+    'style.prop_border_color': 'Color del borde',
+    'style.prop_border_radius': 'Radio del borde',
+    'style.prop_box_shadow': 'Sombra',
+    'style.prop_background_color': 'Color de fondo',
+    'style.prop_background_image': 'Imagen de fondo',
+    'style.prop_background_size': 'Tamaño del fondo',
+    'style.prop_background_position': 'Posición del fondo',
+    'style.prop_background_repeat': 'Repetición del fondo',
+    'style.prop_color': 'Color',
+    'style.prop_font_size': 'Tamaño de letra',
+    'style.prop_text_align': 'Alineación',
+    'style.prop_text_shadow': 'Sombra del texto',
+    'style.prop_font_family': 'Fuente',
+    'style.prop_font_weight': 'Grosor de letra',
+    'style.prop_font_style': 'Estilo de letra',
+    'style.prop_line_height': 'Interlineado',
+    'style.prop_letter_spacing': 'Espaciado entre letras',
+    'style.prop_text_transform': 'Mayúsculas',
+    'style.prop_text_decoration': 'Decoración',
+    'style.prop_display': 'Display',
+    'style.prop_opacity': 'Opacidad',
+    'style.prop_overflow': 'Desbordamiento',
+    'style.prop_visibility': 'Visibilidad',
+    'style.prop_position': 'Posición',
+    'style.prop_top': 'Arriba',
+    'style.prop_right': 'Derecha',
+    'style.prop_bottom': 'Abajo',
+    'style.prop_left': 'Izquierda',
+    'style.prop_z_index': 'Z-index',
     'error.sortable_missing': '¡SortableJS no está disponible! Asegúrate de haber cargado el archivo js de Sortable; sin él no se puede arrastrar.',
-    'warning.setting_removed': 'El ajuste {setting} se eliminó en la 4.0. Usa {replacement} en su lugar.',
     'warning.already_editing': 'Este elemento ya tiene un editor: se devuelve ese, con las opciones con las que se creó.',
     'warning.destroyed': 'Se ha llamado a {method}() en un editor destruido, y no hace nada.',
     'warning.duplicate_build': 'grideditor.js se ha cargado dos veces: se mantiene el primer GridEditor.',
-    'warning.plugin_6x': 'El plugin "{name}" está escrito para grid-editor 6 y no se carga. Desde la 7.0 los plugins se registran en GridEditor: consulta UPGRADING.md.',
     'warning.adapter_no_jquery': 'grideditor.jquery.js necesita jQuery 4 y la página no tiene jQuery: la API de jQuery no está disponible.',
-    'warning.oninit_removed': 'La opción oninit de tinyMCE se eliminó en la 7.0 y se ignora: usa init_instance_callback.',
     'error.tinymce_missing': '¡tinyMCE no está disponible! Asegúrate de haber cargado el archivo js de tinyMCE.',
-    'error.ckeditor_missing': '¡CKEditor 5 no está disponible! Asegúrate de haber cargado su archivo ckeditor5.umd.js: CKEditor 4 ya no está soportado.',
+    'error.ckeditor_missing': '¡CKEditor 5 no está disponible! Asegúrate de haber cargado su archivo ckeditor5.umd.js.',
     'error.ckeditor_start': 'CKEditor no ha podido arrancar: {message}',
     'warning.ckeditor_plugin': 'CKEditor no tiene ningún plugin llamado {name}, así que se deja fuera.',
     'error.codemirror_missing': '¡CodeMirror no está disponible! Asegúrate de haber cargado el archivo js de CodeMirror; sin él el código se edita en un textarea normal.',

package/src/js/plugins/grideditor.alignment.js

@@ -1,23 +1,24 @@
 /**
  * Alignment for grid-editor.
  *
- * A utility plugin: load this file after the editor and a row's columns can be
- * justified and aligned per breakpoint, and a column can align itself, with
- * Bootstrap's justify-content-{breakpoint}-*, align-items-{breakpoint}-* and
- * align-self-{breakpoint}-* classes. What it can ask the editor for is the
- * handle its factory is called with, described in docs/plugins.md.
+ * A utility plugin: load this file after the editor and a column can align
+ * itself in its row, per breakpoint, with Bootstrap's align-self-{breakpoint}-*
+ * classes. What it can ask the editor for is the handle its factory is called
+ * with, described in docs/plugins.md.
  *
  *   <script src="dist/grideditor.min.js"></script>
  *   <script src="dist/plugins/grideditor.alignment.min.js"></script>
  *
- * Fields only, in the settings panels: alignment is set now and then, not
+ * How a row justifies and aligns its columns - justify-content-* and
+ * align-items-* - is a flex container's, and the style plugin's Flex section
+ * edits it, on a row and on anything else made flex.
+ *
+ * A field only, in the settings panel: alignment is set now and then, not
  * clicked through, and a drawer is short of room.
  */
 import { GridEditor } from '../grideditor.js';
 
 Object.assign(GridEditor.locales.en, {
-    'utility.justify_content': 'Justify columns',
-    'utility.align_items': 'Align columns',
     'utility.align_self': 'Align self',
 });
 
@@ -26,54 +27,24 @@ var FLEX = {
     start: 'flex-start',
     end: 'flex-end',
     center: 'center',
-    between: 'space-between',
-    around: 'space-around',
-    evenly: 'space-evenly',
     baseline: 'baseline',
     stretch: 'stretch',
     auto: 'auto',
 };
 
-/**
- * A family whose preview is its one css property. `none` is what the
- * property is when no class says anything, which a view has to show over a
- * wider breakpoint's class that is live in a wide window.
- */
-function family(definition) {
-    return Object.assign({
-        prefix: definition.name,
-        preview: function(value) {
-            var styles = {};
-            styles[definition.name] = value === null ? definition.none : FLEX[value];
-            return styles;
-        },
-    }, definition);
-}
-
 GridEditor.utilities.alignment = function() {
     return {
-        families: [
-            family({
-                name: 'justify-content',
-                labelKey: 'utility.justify_content',
-                values: ['start', 'center', 'end', 'between', 'around', 'evenly'],
-                appliesTo: ['row'],
-                none: 'normal',
-            }),
-            family({
-                name: 'align-items',
-                labelKey: 'utility.align_items',
-                values: ['start', 'center', 'end', 'baseline', 'stretch'],
-                appliesTo: ['row'],
-                none: 'normal',
-            }),
-            family({
-                name: 'align-self',
-                labelKey: 'utility.align_self',
-                values: ['auto', 'start', 'center', 'end', 'baseline', 'stretch'],
-                appliesTo: ['column'],
-                none: 'auto',
-            }),
-        ],
+        families: [{
+            name: 'align-self',
+            prefix: 'align-self',
+            labelKey: 'utility.align_self',
+            values: ['auto', 'start', 'center', 'end', 'baseline', 'stretch'],
+            appliesTo: ['column'],
+
+            /** Without a class, auto: what the row's align-items says. */
+            preview: function(value) {
+                return { 'align-self': value === null ? 'auto' : FLEX[value] };
+            },
+        }],
     };
 };

package/src/js/plugins/grideditor.ckeditor.js

@@ -11,15 +11,13 @@
  *   <script src="dist/grideditor.min.js"></script>
  *   <script src="dist/plugins/grideditor.ckeditor.min.js"></script>
  *
- * Up to 7.1 this was CKEditor 4, whose last open source release has known
- * vulnerabilities and no fixes to come. CKEditor 5 asks for a licenseKey:
- * 'GPL', or a commercial key, is the host's to pass in ckeditor.config.
+ * CKEditor 5 asks for a license key, GPL or a commercial one, which is the
+ * host's to pass in ckeditor.config.
  *
- * Up to 5.x the main bundle carried a copy of this file; since 6.0 it is
- * loaded on its own, like every plugin. It imports what every text editor
- * shares - text blocks, the Text button, createText, making the host's plain
- * content a text - from src/js/text/grideditor.text.js, which the build puts
- * in its classic script, installed once however many editors a page loads.
+ * It imports what every text editor shares - text blocks, the Text button,
+ * createText, making the host's plain content a text - from
+ * src/js/text/grideditor.text.js, which the build puts in its classic
+ * script, installed once however many editors a page loads.
  */
 import { GridEditor } from '../grideditor.js';
 import * as dom from '../dom.js';
@@ -34,8 +32,8 @@ Object.assign(GridEditor.locales.en, {
 var INITIAL_CONTENT = '<p>Lorem initius... </p>';
 
 // What CKEditor 5 is started with when the host's config does not say. It
-// has no plugins of its own, so these are what a text can do: much what the
-// CKEditor 4 build 7.1 used offered. Names, looked up on window.CKEDITOR.
+// has no plugins of its own, so these are what a text can do. Names, looked
+// up on window.CKEDITOR.
 var PLUGINS = [
     'Essentials', 'Autoformat', 'Paragraph', 'Heading', 'Bold', 'Italic', 'Underline', 'Strikethrough',
     'Link', 'AutoLink', 'List', 'BlockQuote', 'Indent', 'HorizontalLine', 'Table', 'TableToolbar',
@@ -122,9 +120,6 @@ GridEditor.texts.ckeditor = function(ge) {
 
                 var configuration = Object.assign({}, DEFAULTS, userConfig);
                 configuration.plugins = pluginsFor(ge, userConfig.plugins || PLUGINS);
-                // on.instanceReady is CKEditor 4's, and CKEditor 5 has no
-                // such option: this file calls it, as it did in 7.1
-                delete configuration.on;
 
                 var ticket = {};
                 starting.set(contentArea, ticket);
@@ -144,13 +139,6 @@ GridEditor.texts.ckeditor = function(ge) {
                     starting.delete(contentArea);
                     editors.set(contentArea, editor);
 
-                    // Call the original instanceReady function, if one was
-                    // passed in the config: 7.1's, with CKEditor 4's event
-                    var callback = userConfig.on && userConfig.on.instanceReady;
-                    if (callback) {
-                        callback.call(editor, { editor: editor });
-                    }
-
                     // The editor owns what is inside the content area now,
                     // so the grid editor is told to put its own furniture back
                     ge.textReady(contentArea);
@@ -173,9 +161,8 @@ GridEditor.texts.ckeditor = function(ge) {
             contentAreas.filter(function(contentArea) {
                 return dom.hasClass(contentArea, 'active');
             }).forEach(function(contentArea) {
-                // This content area's editor, and no other: up to 5.x
-                // closing one content area destroyed every CKEditor on
-                // the page, other editors' and the host's own included
+                // This content area's editor, and no other: the other
+                // CKEditors on the page, the host's own included, stay
                 var editor = editors.get(contentArea);
                 editors.delete(contentArea);
                 // One still starting sees this and goes as it is ready

package/src/js/plugins/grideditor.style.js

@@ -0,0 +1,185 @@
+/**
+ * Style for grid-editor.
+ *
+ * A utility plugin: load this file after the editor and every row, column,
+ * container, pane, element and section gets a Style accordion in its
+ * settings panel - size, spacing, border, background, text, typography,
+ * display, flex, position and free css - written to the node's own style
+ * attribute, with Bootstrap's classes for each section as chips that put
+ * them in the classes field. What it can ask the editor for is the handle
+ * its factory is called with, described in docs/plugins.md.
+ *
+ *   <script src="dist/grideditor.min.js"></script>
+ *   <script src="dist/plugins/grideditor.style.min.js"></script>
+ *
+ * It also edits spacing, text alignment, display, flex, sticky and float,
+ * Bootstrap's responsive classes, per breakpoint in its sections. On a node
+ * that is flex or grid, the drawer leaves the flow, so the canvas lays the
+ * content out as the page will.
+ *
+ * Where the settings panel has no room for it - a popover, inline in the
+ * drawer - the accordion opens in a dialog, from a Style button.
+ *
+ * style.sections chooses the sections, and in each the properties and
+ * whether it has a catalog; style.spacing is the options of spacing, whose
+ * scale the gaps share, and style.visibility those of the eye.
+ */
+import { GridEditor } from '../grideditor.js';
+import { spacingPart } from '../style/spacing.js';
+import { textalignPart } from '../style/textalign.js';
+import { displayPart } from '../style/display.js';
+import { flexPart } from '../style/flex.js';
+import { floatPart } from '../style/float.js';
+import { stickyPart } from '../style/sticky.js';
+import { drawerflowPart } from '../style/drawerflow.js';
+import { resolveOptions } from '../style/options.js';
+import { createAccordion } from '../style/accordion.js';
+
+Object.assign(GridEditor.locales.en, {
+    'style.section_title': 'Style',
+    'style.dialog_title': 'Style: {kind}',
+    'style.section_size': 'Size',
+    'style.section_spacing': 'Spacing',
+    'style.section_border': 'Border',
+    'style.section_background': 'Background',
+    'style.section_text': 'Text',
+    'style.section_typography': 'Typography',
+    'style.section_display': 'Display',
+    'style.section_flex': 'Flex',
+    'style.section_position': 'Position',
+    'style.section_custom': 'Custom css',
+    'style.all_sizes': 'Applies to every size',
+    'style.overridden': 'The class {class} takes priority over this value',
+    'style.invalid': 'Not a value this property takes',
+    'style.catalog': 'Bootstrap classes',
+    'style.shadow_x': 'X',
+    'style.shadow_y': 'Y',
+    'style.shadow_blur': 'Blur',
+    'style.shadow_spread': 'Spread',
+    'style.shadow_color': 'Color',
+    'style.shadow_inset': 'Inset',
+    'style.shadow_text_mode': 'Edit as text',
+    'style.prop_width': 'Width',
+    'style.prop_height': 'Height',
+    'style.prop_min_width': 'Min width',
+    'style.prop_min_height': 'Min height',
+    'style.prop_max_width': 'Max width',
+    'style.prop_max_height': 'Max height',
+    'style.prop_margin_top': 'Margin top',
+    'style.prop_margin_right': 'Margin right',
+    'style.prop_margin_bottom': 'Margin bottom',
+    'style.prop_margin_left': 'Margin left',
+    'style.prop_padding_top': 'Padding top',
+    'style.prop_padding_right': 'Padding right',
+    'style.prop_padding_bottom': 'Padding bottom',
+    'style.prop_padding_left': 'Padding left',
+    'style.prop_border_width': 'Border width',
+    'style.prop_border_style': 'Border style',
+    'style.prop_border_color': 'Border color',
+    'style.prop_border_radius': 'Border radius',
+    'style.prop_box_shadow': 'Shadow',
+    'style.prop_background_color': 'Background color',
+    'style.prop_background_image': 'Background image',
+    'style.prop_background_size': 'Background size',
+    'style.prop_background_position': 'Background position',
+    'style.prop_background_repeat': 'Background repeat',
+    'style.prop_color': 'Color',
+    'style.prop_font_size': 'Font size',
+    'style.prop_text_align': 'Text align',
+    'style.prop_text_shadow': 'Text shadow',
+    'style.prop_font_family': 'Font family',
+    'style.prop_font_weight': 'Font weight',
+    'style.prop_font_style': 'Font style',
+    'style.prop_line_height': 'Line height',
+    'style.prop_letter_spacing': 'Letter spacing',
+    'style.prop_text_transform': 'Text transform',
+    'style.prop_text_decoration': 'Text decoration',
+    'style.prop_display': 'Display',
+    'style.prop_opacity': 'Opacity',
+    'style.prop_overflow': 'Overflow',
+    'style.prop_visibility': 'Visibility',
+    'style.prop_position': 'Position',
+    'style.prop_top': 'Top',
+    'style.prop_right': 'Right',
+    'style.prop_bottom': 'Bottom',
+    'style.prop_left': 'Left',
+    'style.prop_z_index': 'Z-index',
+});
+
+// The drawer's part last: it asks the browser how the others left the node
+var PARTS = ['spacing', 'textalign', 'display', 'flex', 'float', 'sticky', 'drawerflow'];
+
+GridEditor.utilities.style = function(ge) {
+
+    var options = resolveOptions(ge);
+    var parts = {
+        spacing: spacingPart(ge, options.spacing),
+        textalign: textalignPart(ge),
+        display: displayPart(ge, options.visibility),
+        flex: flexPart(ge, options.spacing),
+        float: floatPart(ge),
+        sticky: stickyPart(ge),
+        drawerflow: drawerflowPart(ge),
+    };
+    var accordions = []; // { node, accordion } for every panel built since the last init
+    var context = {
+        sections: options.sections,
+        parts: parts,
+        state: { open: null },
+        opened: function(key) {
+            accordions.forEach(function(entry) { entry.accordion.open(key); });
+        },
+    };
+
+    /** Every part's hook, called in turn. */
+    function each(hook) {
+        return function() {
+            var args = arguments;
+            PARTS.forEach(function(name) {
+                if (parts[name][hook]) { parts[name][hook].apply(null, args); }
+            });
+        };
+    }
+
+    var partsRefresh = each('onRefresh');
+
+    return {
+        // The parts' families, edited in the sections rather than in Responsive
+        families: PARTS.reduce(function(all, name) {
+            return all.concat(parts[name].families.map(function(family) {
+                return Object.assign({}, family, { panel: false });
+            }));
+        }, []),
+
+        panelSection: function(node, kind) {
+            var accordion = createAccordion(ge, node, kind, context);
+            if (!accordion) { return null; }
+
+            accordions.push({ node: node, accordion: accordion });
+
+            return { labelKey: 'style.section_title', titleKey: 'style.dialog_title', body: accordion.element };
+        },
+
+        preview: function(node, kind, breakpoint) {
+            return parts.spacing.preview(node, kind, breakpoint);
+        },
+
+        // After a write, a change of classes or of view: the accordions of
+        // the nodes it touched follow
+        onRefresh: function(scope) {
+            partsRefresh(scope);
+
+            accordions = accordions.filter(function(entry) { return entry.accordion.element.isConnected; });
+            accordions.forEach(function(entry) {
+                if (entry.node === scope || scope.contains(entry.node)) { entry.accordion.render(); }
+            });
+        },
+
+        drawerTools: each('drawerTools'),
+
+        onDeinit: function() {
+            each('onDeinit')();
+            accordions = [];
+        },
+    };
+};

package/src/js/plugins/grideditor.summernote.js

@@ -16,11 +16,10 @@
  * nothing else. Towards the editor it is plain DOM, like every plugin, and
  * it needs no jQuery adapter.
  *
- * Up to 5.x the main bundle carried a copy of this file; since 6.0 it is
- * loaded on its own, like every plugin. It imports what every text editor
- * shares - text blocks, the Text button, createText, making the host's plain
- * content a text - from src/js/text/grideditor.text.js, which the build puts
- * in its classic script, installed once however many editors a page loads.
+ * It imports what every text editor shares - text blocks, the Text button,
+ * createText, making the host's plain content a text - from
+ * src/js/text/grideditor.text.js, which the build puts in its classic
+ * script, installed once however many editors a page loads.
  */
 import { GridEditor } from '../grideditor.js';
 import * as dom from '../dom.js';

package/src/js/plugins/grideditor.tinymce.js

@@ -10,11 +10,10 @@
  *   <script src="dist/grideditor.min.js"></script>
  *   <script src="dist/plugins/grideditor.tinymce.min.js"></script>
  *
- * Up to 5.x the main bundle carried a copy of this file; since 6.0 it is
- * loaded on its own, like every plugin. It imports what every text editor
- * shares - text blocks, the Text button, createText, making the host's plain
- * content a text - from src/js/text/grideditor.text.js, which the build puts
- * in its classic script, installed once however many editors a page loads.
+ * It imports what every text editor shares - text blocks, the Text button,
+ * createText, making the host's plain content a text - from
+ * src/js/text/grideditor.text.js, which the build puts in its classic
+ * script, installed once however many editors a page loads.
  */
 import { GridEditor } from '../grideditor.js';
 import * as dom from '../dom.js';
@@ -22,7 +21,6 @@ import '../text/grideditor.text.js';
 
 Object.assign(GridEditor.locales.en, {
     'text.tinymce': 'tinyMCE',
-    'warning.oninit_removed': 'tinyMCE\'s oninit option was removed in 7.0 and is ignored: use init_instance_callback.',
 });
 
 // tinyMCE snapshots the target element's attributes when an inline editor is
@@ -42,9 +40,6 @@ var INITIAL_CONTENT = '<p>Lorem ipsum dolores</p>';
 var editors = new WeakMap();
 var pendingRemove = new WeakSet();
 
-// Said once per page, however many editors are on it
-var warnedOninit = false;
-
 GridEditor.texts.tinymce = function(ge) {
     return {
         labelKey: 'text.tinymce',
@@ -57,13 +52,6 @@ GridEditor.texts.tinymce = function(ge) {
             var settings = ge.settings;
             var userConfig = (settings.tinymce && settings.tinymce.config) ? settings.tinymce.config : {};
 
-            // 'oninit' was the pre-6 name for init_instance_callback, honoured
-            // through 6.x and gone in 7.0
-            if (userConfig.oninit && !warnedOninit) {
-                warnedOninit = true;
-                ge.warn(ge.t('warning.oninit_removed'));
-            }
-
             contentAreas.forEach(function(contentArea) {
                 if (dom.hasClass(contentArea, 'active')) { return; }
 
@@ -147,7 +135,6 @@ GridEditor.texts.tinymce = function(ge) {
                 // We always edit the element we were handed, so a selector in the
                 // user config would only fight with target
                 delete configuration.selector;
-                delete configuration.oninit;
 
                 window.tinymce.init(configuration);
             });