Modifications pour le document AdminSection

Modifié par Florent Charton le 2025/08/19 15:16

Depuis la version 1.1
modifié par superadmin
sur 2022/06/20 08:49
Commentaire de modification : Install extension [org.xwiki.contrib:application-ckeditor-ui/1.63.1]
À la version 3.1
modifié par Florent Charton
sur 2025/08/19 15:16
Commentaire de modification : Install extension [org.xwiki.platform:xwiki-platform-ckeditor-ui/17.4.3]

Résumé

Détails

Propriétés de la Page
Auteur du document
... ... @@ -1,1 +1,1 @@
1 -XWiki.superadmin
1 +xwiki:XWiki.fcharton
Contenu
... ... @@ -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.ConfigurableClass[0]
Portée
... ... @@ -1,0 +1,1 @@
1 +WIKI
XWiki.JavaScriptExtension[0]
Mode de mise en cache
... ... @@ -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 -});
Parser le contenu
... ... @@ -1,1 +1,0 @@
1 -Oui
Utiliser cette extension
... ... @@ -1,1 +1,0 @@
1 -onDemand
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,20 +13,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 - display: none;
7 -}
8 -#admin-page-content.visible > form,
9 -#admin-page-content.visible > .codeToExecute {
10 - display: block;
11 -}
12 -
13 13  .tab-content .ckeditor-config {
14 14   margin-top: 1em;
15 15  }
16 -
17 -/* Fix the styles that come from the GWT editor section (XWiki <9.2RC1). */
18 -form.xform .ckeditor-config dd input[type="text"] {
19 - width: 100% !important;
20 -}