Changes for page EditSheet

Last modified by teamwire004 on 2025/07/01 06:50

From 4.1 to 3.1

From version 8.1

edited by teamwire004
on 2025/07/01 06:50

Change comment: Install extension [org.xwiki.platform:xwiki-platform-ckeditor-ui/16.10.9]

To version 4.1

edited by teamwire004
on 2024/07/12 13:08

Change comment: Install extension [org.xwiki.platform:xwiki-platform-ckeditor-ui/15.10.10]

Raw
Rendered

Summary

Objects (3 modified, 0 added, 0 removed)

Details

XWiki.JavaScriptExtension[0]

Code

@@ -54,11 +54,9 @@
      }
      var uploadDisabled = element.hasAttribute('data-upload-disabled');
--    var startupFocus = element.hasAttribute('data-startup-focus');
      var config = {
        filebrowserUploadUrl: uploadDisabled ? '' : getUploadURL(sourceDocument, 'filebrowser'),
--      startupFocus,
        height: $(element).height(),
        // Used to resolve and serialize relative references. Also used to make HTTP requests with the right context.
        sourceDocument: sourceDocument,

XWiki.JavaScriptExtension[2]

Code

@@ -10,9 +10,7 @@
      container.find('.ckeditor-textarea').each(function() {
        // Wrap in try/catch so that a failure to load one editor doesn't affect the other editors.
        try {
--        createEditor(ckeditor, this).then(() => {
--          this.classList.remove('loading');
--        });
++        createEditor(ckeditor, this);
        } catch(e) {
          console.log(e);
        }

XWiki.StyleSheetExtension[0]

Code

@@ -12,13 +12,6 @@
    resize: none;
  }
--/* Hide the form action bar while the editor is loading in order to avoid UI flickering (because the editor may enhance
--  or replace the form action bar). */
--main > div:has(.ckeditor-textarea.loading) ~ .bottom-editor,
--#xwikicontent.loading ~ form#inplace-editing {
--  visibility: hidden;
--}
--
  /* Show the modal above the CKEditor dialogs */
  body > .modal-backdrop {
    z-index: 10040;
@@ -395,77 +395,6 @@
  }
  /**
-- * Custom styles to match XWiki's Look & Feel
-- */
--.cke_chrome,
--.cke_chrome > .cke_inner {
--  border-radius: @border-radius-base;
--}
--
--.cke_chrome > .cke_inner > .cke_top {
--  border-top-right-radius: @border-radius-base;
--  border-top-left-radius: @border-radius-base;
--}
--
--.cke_chrome > .cke_inner > .cke_bottom {
--  border-bottom-right-radius: @border-radius-base;
--  border-bottom-left-radius: @border-radius-base;
--}
--
--/* The standalone WYSIWYG edit mode shows the form action toolbar right below the CKEditor instance used to edit the
--  document content. We make the bottom border rounded on the form action toolbar instead. */
--#xwikieditcontent > .cke_chrome,
--#xwikieditcontent > .cke_chrome > .cke_inner,
--#xwikieditcontent > .cke_chrome > .cke_inner > .cke_bottom {
--  border-bottom-right-radius: 0;
--  border-bottom-left-radius: 0;
--}
--
--a.cke_button,
--a.cke_combo_button {
--  border-radius: @border-radius-small;
--}
--
--.cke_panel,
--.cke_dialog_body,
--.cke_dialog a.cke_dialog_ui_button,
--.cke_dialog input.cke_dialog_ui_input_text,
--.cke_dialog select.cke_dialog_ui_input_select,
--.cke_dialog fieldset.cke_dialog_ui_fieldset,
--.cke_notification {
--  border-radius: @border-radius-base;
--}
--
--.cke_panel.cke_menu_panel,
--.cke_panel.cke_combopanel {
--  margin: 2px 0;
--}
--
--.cke_dialog_title,
--.cke_dialog a.cke_dialog_tab {
--  border-top-right-radius: @border-radius-base;
--  border-top-left-radius: @border-radius-base;
--}
--
--.cke_dialog_contents,
--.cke_dialog_footer {
--  border-bottom-right-radius: @border-radius-base;
--  border-bottom-left-radius: @border-radius-base;
--}
--
--/**
-- * Custom styles for the in-line editor
-- */
--.viewbody > .cke_float {
--  /* Shift the floating toolbar in order to match the content padding. */
--  margin-right: floor((@grid-gutter-width / 2));
--  margin-left: ceil((@grid-gutter-width / 2));
--}
--.cke_float .cke_top {
--  border-radius: @border-radius-base;
--}
--
--/**
   * Full-screen styles for the in-line editor
   */
  body[data-maximized="true"] {
@@ -501,6 +501,12 @@
      margin: 0 !important;
      overflow-y: auto !important;
      z-index: 9995;
++
++    &:focus {
++      /* Remove the focus border. */
++      border-color: transparent !important;
++      box-shadow: none !important;
++    }
    }
    .cke_maximize_backdrop {
      top: 0;
@@ -520,37 +520,3 @@
      z-index: 9995;
    }
  }
--
--/*
-- * Override the CKEditor reset for the table border color.
-- * The default border color from CKEditor is quite lacking on contrast.
-- */
--.cke_editable.cke_show_borders table.cke_show_border,
--.cke_editable.cke_show_borders table.cke_show_border > tr > th,
--.cke_editable.cke_show_borders table.cke_show_border > tr > td,
--.cke_editable.cke_show_borders table.cke_show_border > thead > tr > th,
--.cke_editable.cke_show_borders table.cke_show_border > thead > tr > td,
--.cke_editable.cke_show_borders table.cke_show_border > tbody > tr > th,
--.cke_editable.cke_show_borders table.cke_show_border > tbody > tr > td,
--.cke_editable.cke_show_borders table.cke_show_border > tfoot > tr > th,
--.cke_editable.cke_show_borders table.cke_show_border > tfoot > tr > td {
--  border-color: @table-border-color;
--  border-style: solid;
--}
--
--/* CKEditor contains a CSS reset. It works with its own style sheets and does not use the ones in XWiki.
--However, we want `.sr-only` from XWiki to still be usable in our CKEditor environment.
--We need to redefine the XWiki styles of this class to have better priority than the CKEditor CSS reset.
--Without this, the elements with this class are still shown which would be different from the behaviour
--of `.sr-only` anywhere else in XWiki (as described in our doc).
--This redefinition allows for a more consistent behaviour of the `.sr-only` class. */
--.cke_reset_all .sr-only {
--  position: absolute;
--  width: 1px;
--  height: 1px;
--  padding: 0;
--  margin: -1px;
--  overflow: hidden;
--  clip: rect(0, 0, 0, 0);
--  border: 0;
--}

Changes for page EditSheet

Summary

Details

Last edited

Content