Skip to Content

Changes for page EditSheet

Last modified by teamwire004 on 2025/10/14 07:03
From version 7.1
edited by teamwire005
on 2025/05/06 08:20
Change comment: Install extension [org.xwiki.platform:xwiki-platform-ckeditor-ui/16.10.6]
To version 9.1
edited by teamwire004
on 2025/10/14 07:03
Change comment: Install extension [org.xwiki.platform:xwiki-platform-ckeditor-ui/16.10.12]

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.teamwire005
1 +XWiki.teamwire004
XWiki.JavaScriptExtension[2]
Code
... ... @@ -10,7 +10,9 @@
10 10   container.find('.ckeditor-textarea').each(function() {
11 11   // Wrap in try/catch so that a failure to load one editor doesn't affect the other editors.
12 12   try {
13 - createEditor(ckeditor, this);
13 + createEditor(ckeditor, this).then(() => {
14 + this.classList.remove('loading');
15 + });
14 14   } catch(e) {
15 15   console.log(e);
16 16   }
XWiki.StyleSheetExtension[0]
Code
... ... @@ -12,6 +12,13 @@
12 12   resize: none;
13 13  }
14 14  
15 +/* Hide the form action bar while the editor is loading in order to avoid UI flickering (because the editor may enhance
16 + or replace the form action bar). */
17 +main > div:has(.ckeditor-textarea.loading) ~ .bottom-editor,
18 +#xwikicontent.loading ~ form#inplace-editing {
19 + visibility: hidden;
20 +}
21 +
15 15  /* Show the modal above the CKEditor dialogs */
16 16  body > .modal-backdrop {
17 17   z-index: 10040;
... ... @@ -365,26 +365,15 @@
365 365  }
366 366  
367 367  .cke_contents > textarea.cke_source.cke_editable_inline {
368 - border: 1px solid transparent;
369 - border-radius: 0;
370 370   box-shadow: none;
371 - margin-top: -1px;
372 - margin-left: -1px;
373 -
374 - .form-control-focus();
375 375  }
376 376  
377 -.cke_contents.fake {
378 - /* We need this to have the box shadow visible when the source area is focused. */
379 - overflow: visible;
380 -}
381 -
382 382  #xwikicontent + .cke_contents > textarea.cke_source.cke_editable_inline {
383 383   /* Don't take the padding and the margin into account when computing the 100% width. */
384 384   box-sizing: content-box;
385 385   /* Make sure the Source area has the same width as the WYSIWYG area. */
386 - margin-left: -@grid-gutter-width / 2 - 1px;
387 - margin-right: -@grid-gutter-width / 2 - 1px;
382 + margin-left: -@grid-gutter-width / 2;
383 + margin-right: -@grid-gutter-width / 2;
388 388  }
389 389  
390 390  /**