-
Bug
-
Resolution: Fixed
-
Neutral
-
6.1.1
-
-
Empty show more show less
-
Yes
-
UI Framework 12
-
3
Timebox for investigation: 3 SP
If you try and configure a custom js file which creates a drop down menu there is no menu visible in the UI.
Here is the file where I add config.stylesSet:
/** * External plugins added through the server-side FieldFactory are automatically registered. * Other external plugins (e.g. client-only) may still be registered here (and subsequently added via config.extraPlugins). * * e.g. if your plugin resides in src/main/resources/VAADIN/js: * CKEDITOR.plugins.addExternal("abbr", CKEDITOR.vaadinDirUrl + "js/abbr/"); */ CKEDITOR.editorConfig = function( config ) { // MIRROR info.magnolia.ui.form.field.definition.RichTextFieldDefinition definition = { alignment: true, images: true, lists: true, source: true, tables: true, colors: null, fonts: null, fontSizes: null } // MIRROR info.magnolia.ui.form.field.factory.RichTextFieldFactory removePlugins = []; // CONFIGURATION FROM DEFINITION if (!definition.alignment) { removePlugins.push("justify"); } if (!definition.images) { removePlugins.push("image"); } if (!definition.lists) { // In CKEditor 4.1.1 enterkey depends on indent which itself depends on list removePlugins.push("enterkey"); removePlugins.push("indent"); removePlugins.push("list"); } if (!definition.source) { removePlugins.push("sourcearea"); } if (!definition.tables) { removePlugins.push("table"); removePlugins.push("tabletools"); } if (definition.colors != null) { config.colorButton_colors = definition.colors; config.colorButton_enableMore = false; removePlugins.push("colordialog"); } else { removePlugins.push("colorbutton"); removePlugins.push("colordialog"); } if (definition.fonts != null) { config.font_names = definition.fonts; } else { config.removeButtons = "Font"; } if (definition.fontSizes != null) { config.fontSize_sizes = definition.fontSizes; } else { config.removeButtons = "FontSize"; } if (definition.fonts == null && definition.fontSizes == null) { removePlugins.push("font"); removePlugins.push("fontSize"); } // DEFAULT CONFIGURATION FROM FIELD FACTORY removePlugins.push("elementspath"); removePlugins.push("filebrowser"); config.removePlugins = removePlugins.join(","); config.extraPlugins = "magnolialink,magnoliaFileBrowser"; config.baseFloatZIndex = 150; config.resize_enabled = true; config.toolbar = "Magnolia"; config.stylesSet = [ // Block-level styles { name: 'Blue Title2', element: 'h2', styles: { 'color': 'Blue' } }, { name: 'Blue Title3', element: 'h2', styles: { 'color': 'Blue' } }, { name: 'Blue Title4', element: 'h2', styles: { 'color': 'Blue' } }, { name: 'Blue Title5', element: 'h2', styles: { 'color': 'Blue' } }, { name: 'Blue Title', element: 'h2', styles: { 'color': 'Blue' } }, { name: 'Red Title' , element: 'h3', styles: { 'color': 'Red' } }, { name: 'Red Title P' , element: 'p', styles: { 'color': 'Red' } }, // Inline styles { name: 'CSS Style', element: 'span', attributes: { 'class': 'my_style' } }, { name: 'Marker: Yellow', element: 'span', styles: { 'background-color': 'Yellow' } } ]; config.toolbar_Magnolia = [ { name: "basicstyles", items: [ "Bold", "Italic", "Underline", "SpecialChar" ] }, { name: "paragraph", items: [ "NumberedList", "BulletedList", "JustifyLeft", "JustifyCenter", "JustifyRight", "JustifyBlock", "Image", "Table" ] }, { name: "links", items: [ "Link", "InternalLink", "DamLink", "Unlink" ] }, { name: "undo", items: [ "Undo", "Redo" ] }, { name: "styles", items: [ "Styles" ] }, { name: "clipboard", items: [ "Cut", "Copy", "Paste", "PasteText", "PasteFromWord" ] }, { name: "tools", items: [ "Source" ] } ]; };
The button shows if the file is properly configured on the RichText field but when you try to use it nothing shows up. (See the attached support ticket).
Acceptance criteria
- is duplicated by
-
MGNLUI-5418 RichTextField with custom JS does not work properly on pages app
- Closed
-
MGNLUI-5515 CLONE - RichTextField with custom JS does not work properly on pages app
- Closed
- is related to
-
MGNLUI-5564 CKEditor Config File Changes Do Not Get Picked Up Unless a Restart or Renaming of File Is Done
- Open
- links to