Modifications pour le document EditSheet

Modifié par Florent Charton le 2026/03/13 11:04

Depuis la version 4.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]
À la version 7.1
modifié par Florent Charton
sur 2026/03/13 11:04
Commentaire de modification : Install extension [org.xwiki.platform:xwiki-platform-ckeditor-ui/17.10.4]

Résumé

Détails

XWiki.JavaScriptExtension[0]
Code
... ... @@ -140,7 +140,7 @@
140 140   // We have to overwrite both appendChild and insertBefore because depending on the presence of the BASE element
141 141   // RequireJS uses one or the other.
142 142   ckeditor.on('instanceReady', ({editor}) => {
143 - if (editor.document.$ !== document) {
143 + if (editor.mode === 'wysiwyg' && editor.document.$ !== document) {
144 144   // This editor instance is using a separate DOM document for editing which means it's a standalone editor.
145 145   const initialHead = editor.document.$.head;
146 146   const originalAppendChild = initialHead.appendChild;
XWiki.StyleSheetExtension[0]
Code
... ... @@ -179,6 +179,25 @@
179 179  }
180 180  
181 181  /**
182 + * Handle the layout and display of the warning message for headerless tables.
183 + * This message is added by the xwiki-table plugin.
184 + * Some of the default styles are just overridden by the CKEditor reset.
185 + */
186 +.cke_dialog_container span.box.warningmessage {
187 + .alert-warning;
188 + /* Default warning boxes are not meant to be used in a strict layout like the one of this table dialog.
189 + * We need an extra customization to avoid breaking this layout. */
190 + white-space: break-spaces;
191 + /* By default, the warning is not shown. */
192 + display: none;
193 +}
194 +
195 +/* When the value of the previous field is the one we want to avoid, we show the warning. */
196 +.cke_dialog_container tr:has(select [value=""]:checked) + tr span.box.warningmessage {
197 + display: unset;
198 +}
199 +
200 +/**
182 182   * Link Options Toggle
183 183   */
184 184  
... ... @@ -370,26 +370,15 @@
370 370  }
371 371  
372 372  .cke_contents > textarea.cke_source.cke_editable_inline {
373 - border: 1px solid transparent;
374 - border-radius: 0;
375 375   box-shadow: none;
376 - margin-top: -1px;
377 - margin-left: -1px;
378 -
379 - .form-control-focus();
380 380  }
381 381  
382 -.cke_contents.fake {
383 - /* We need this to have the box shadow visible when the source area is focused. */
384 - overflow: visible;
385 -}
386 -
387 387  #xwikicontent + .cke_contents > textarea.cke_source.cke_editable_inline {
388 388   /* Don't take the padding and the margin into account when computing the 100% width. */
389 389   box-sizing: content-box;
390 390   /* Make sure the Source area has the same width as the WYSIWYG area. */
391 - margin-left: -@grid-gutter-width / 2 - 1px;
392 - margin-right: -@grid-gutter-width / 2 - 1px;
399 + margin-left: -@grid-gutter-width / 2;
400 + margin-right: -@grid-gutter-width / 2;
393 393  }
394 394  
395 395  /**