Modification de "md-composer-extras" pour correspondre à nos besoins.
Go to file
Esenjin_Asakha fbc0b6f741 Merge pull request 'Merci Xefir ?!!' (#15) from color into master
Reviewed-on: #15
2024-02-04 13:58:20 +00:00
common Delineate CSS by common, desktop, mobile 2019-11-13 14:59:20 -05:00
desktop Merge pull request 'Merci Xefir ?!!' (#15) from color into master 2024-02-04 13:58:20 +00:00
mobile Merge branch 'color' 2024-02-03 11:27:02 +01:00
.discourse-compatibility DEV: Switch to new addComposerToolbarPopupMenuOption plugin API 2023-11-07 00:05:58 +01:00
.gitattributes Initial commit 2019-05-28 21:59:31 +02:00
README.md (-) éléments inutiles, (+) couleurs prédéfinies 2024-02-03 11:11:35 +01:00
about.json Initial responsive update. 2019-11-13 13:11:06 -05:00
settings.yml Merci Xefir ?!! 2024-02-04 14:56:40 +01:00

README.md

MD Composer Extras Color Plus Ultra

This Discourse theme component adds formatting options to your Discourse composer.

  • underline
  • strikethrough
  • superscript
  • subscript
  • center
  • align right
  • justify
  • float left
  • float right
  • columns.
  • Colorer le texte en bleu, rose, jaune, orange, rouge et vert.

These additions are responsive for desktops and phones, but not for horizon orientation or tablets. These additions have taken into consideration Slick, Tiles, and Events when determining what should be placed on the composer bar or in the composer pop out menu.

There is currently no implemented option for disabling particular buttons, but this can be done through CSS.

Columns and Floats

When using columns and floats, note that the text will autobreak once an appropriate amount of content has been placed in the second column or to the side of the float.

Columns have a CSS border to for ease of viewing.

A column is broken by placing [/wrap] at the end of the first column's content.

The CSS for columns and floats is disabled on mobile. By default on mobile columns and float will appear as single column content. The missing CSS can be added in again manually.

Column Example

Place the following in your editor to see how columns work.

Test

[wrap="columns"]
1
2
3
[/wrap]
1
2
3

Test

Questions

For more informations, see:

Credits

Wrap support by thw26: https://github.com/thw26


I took some parts of the Iconified Header Links and Slick Image Gallery theme components made by Johani :

https://meta.discourse.org/t/iconified-header-links/86307 (adding fa5 icons in the theme component) https://meta.discourse.org/t/slick-image-gallery/81952 (manager the translations inside the theme component)

Modification de la branche color pour l'ajout de couleurs prédéfinies par l'association Camélia Studio : https://camelia-studio.org