Extras du compositeur MD

[Johani (Joe)]

Une balise comme [center] nécessitera toujours un plugin, mais vous avez raison @Steven

Au moment de la création de ce composant, vous deviez utiliser des balises HTML <div>. Cependant, vous pouvez maintenant utiliser [wrap="foo"][/wrap] dans les thèmes et les composants.

Vous pouvez en savoir plus à ce sujet ici :

Generic bbcode wrapper for theme components

I added this feature a while back and realised I didn’t post about it. You can now use a special syntax in markdown to have it cooked and usable in theme components without having to write a plugin. // wrapped in div.d-wrap [wrap=baz foo=bar]Content[/wrap] // wrapped in div.d-wrap [wrap=baz foo=bar] Content [/wrap] // wrapped in div.d-wrap [wrap=baz foo=bar] [/wrap] // this one will be rendered as a span.d-wrap instead of a div.d-wrap a [wrap=baz]Content[/wrap] b The name of the component w…

Voici un exemple simple :

[wrap="center"] 
Un texte centré 
[/wrap]

génère le balisage suivant une fois le message traité :

<div class="d-wrap" data-wrap="center">
  <p>Un texte centré</p>
</div>

Vous pouvez ensuite cibler cela avec un sélecteur d’attribut CSS comme ceci :

[data-wrap="center"] {
  text-align: center;
}

Ce qui produira un résultat similaire dans l’aperçu de l’éditeur et dans le message rendu :

Ou :

[wrap="right"] 
Un texte aligné à droite 
[/wrap]

Ce qui donnera le balisage suivant après traitement :

<div class="d-wrap" data-wrap="right">
  <p>Un texte aligné à droite</p>
</div>

Vous pouvez ensuite ajouter ce CSS :

[data-wrap="right"] {
  text-align: right;
}

Pour obtenir ce résultat :

Puisque le composant utilise actuellement l’attribut HTML align, ce changement devrait être 100 % rétrocompatible.

Essayez-le quand vous avez le temps, et n’hésitez pas à m’envoyer un MP si vous avez des questions à ce sujet.