Changes for page AdminSection
Last modified by SuperNico Laub on 2025/09/18 17:55
From version 1.1
edited by superadmin
on 2025/05/22 17:44
on 2025/05/22 17:44
Change comment:
Install extension [org.xwiki.platform:xwiki-platform-ckeditor-ui/16.10.8]
To version 2.1
edited by SuperNico Laub
on 2025/09/18 17:55
on 2025/09/18 17:55
Change comment:
Install extension [org.xwiki.platform:xwiki-platform-ckeditor-ui/17.7.0]
Summary
-
Page properties (2 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 1 removed)
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki.super admin1 +xwiki:XWiki.supernico - Content
-
... ... @@ -13,7 +13,6 @@ 13 13 {{velocity}} 14 14 {{html clean="false"}} 15 15 #set ($discard = $xwiki.ssx.use('CKEditor.AdminSection')) 16 -#set ($discard = $xwiki.jsx.use('CKEditor.AdminSection')) 17 17 #set ($configDoc = $xwiki.getDocument('CKEditor.Config')) 18 18 <form id="ckeditorConfig" method="post" action="$configDoc.getURL('save')" class="xform" 19 19 data-editorId="ckeditor" data-label="CKEditor">
- XWiki.JavaScriptExtension[0]
-
- Caching policy
-
... ... @@ -1,1 +1,0 @@ 1 -long - Code
-
... ... @@ -1,49 +1,0 @@ 1 -require(['jquery', 'bootstrap'], function($) { 2 - var adminPageContent = $('#admin-page-content'); 3 - var forms = adminPageContent.find('form'); 4 - // Check if we need to enhance the WYSIWYG administration section with tabs (one tab for each editor). 5 - if (forms.length < 2 || forms.is('#wysiwyg')) { 6 - // Either there is only one editor available or the WYSIWYG administration section handles the tabs itself 7 - // (XWiki 9.2RC1+). Leave the administration page as it is. 8 - // This JavaScript code is executed after the page has been loaded so in order to avoid flickering UI we hide the 9 - // page content from CSS and restore it back here. 10 - adminPageContent.addClass('visible'); 11 - return; 12 - } 13 - 14 - var formIdToEditorName = { 15 - 'wysiwyg_XWiki.WysiwygEditorConfig': 'GWT', 16 - 'ckeditorConfig': 'CKEditor' 17 - }; 18 - 19 - // Use tabs to configure each of the available editors. 20 - var editorTabList = $('<ul class="nav nav-tabs" role="tablist"></ul>').prependTo(adminPageContent); 21 - var editorTabContent = $('<div class="tab-content">').insertAfter(editorTabList); 22 - forms.each(function() { 23 - // The Bootstrap Tab plugin uses the tab id in a CSS selector and since dot is a special character we need to avoid 24 - // it (the Tab plugin expects a valid id string and so it doesn't perform any escaping). 25 - var tabId = $(this).attr('id').replace('.', '_') + '_tab'; 26 - // Add the tab name. 27 - var formId = $(this).attr('id'); 28 - var tabName = formIdToEditorName[formId] || formId; 29 - $('<li role="presentation"><a role="tab" data-toggle="tab"></a></li>').appendTo(editorTabList) 30 - .find('a').attr({ 31 - 'href': '#' + tabId, 32 - 'data-editorId': tabName.toLowerCase() 33 - }).text(tabName) 34 - .on('click', function(event) { 35 - event.preventDefault(); 36 - $(this).tab('show'); 37 - }); 38 - // Add the tab content. 39 - $('<div role="tabpanel" class="tab-pane"></div>').attr('id', tabId).appendTo(editorTabContent) 40 - .append($(this).closest('#admin-page-content > *')); 41 - }); 42 - 43 - // Show the configuration for the active editor, or the first one if none is active. 44 - var activeTab = editorTabList.find('a[data-editorId="$!services.edit.syntaxContent.defaultWysiwygEditor.descriptor.id"]'); 45 - if (!activeTab.length) { 46 - activeTab = editorTabList.find('a').first(); 47 - } 48 - activeTab.tab('show'); 49 -}); - Parse content
-
... ... @@ -1,1 +1,0 @@ 1 -Yes - Use this extension
-
... ... @@ -1,1 +1,0 @@ 1 -onDemand
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -1,21 +14,3 @@ 1 -/* Hide the page content until the JavaScript code is loaded and executed. Also hide unnecessary headings. 2 - This is not needed anymore starting with XWiki 9.2RC1. */ 3 -#admin-page-content > form, 4 -#admin-page-content > .codeToExecute, 5 -#admin-page-content > h1.wikigeneratedheader, 6 -#admin-page-content > h2.wikigeneratedheader { 7 - display: none; 8 -} 9 -#admin-page-content.visible > form, 10 -#admin-page-content.visible > .codeToExecute { 11 - display: block; 12 -} 13 - 14 14 .tab-content .ckeditor-config { 15 15 margin-top: 1em; 16 16 } 17 - 18 -/* Fix the styles that come from the GWT editor section (XWiki <9.2RC1). */ 19 -form.xform .ckeditor-config dd input[type="text"] { 20 - width: 100% !important; 21 -}