Extra per MD Composer

[Johani (Joe)]

Un tag come [center] richiederà comunque un plugin, ma hai ragione @Steven

Al momento della creazione di questo componente, dovevi usare i tag HTML <div>. Tuttavia, ora puoi usare [wrap="foo"][/wrap] nei temi o nei componenti.

Puoi leggere ulteriori informazioni qui:

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…

Ecco un esempio semplice:

[wrap="center"] 
Testo centrato 
[/wrap]

genererà questo markup quando il post viene elaborato:

<div class="d-wrap" data-wrap="center">
  <p>Testo centrato</p>
</div>

che puoi poi selezionare con un selettore CSS per attributi in questo modo:

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

e otterrai qualcosa del genere sia nell’anteprima del compositore che nel post renderizzato:

oppure:

[wrap="right"] 
Testo allineato a destra 
[/wrap]

che genererà questo markup elaborato:

<div class="d-wrap" data-wrap="right">
  <p>Testo allineato a destra</p>
</div>

A questo punto puoi aggiungere questo CSS:

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

per ottenere questo risultato:

Poiché il componente utilizza attualmente l’attributo HTML align, questa modifica dovrebbe essere completamente compatibile con le versioni precedenti.

Provalo quando hai tempo e non esitare a inviarmi un messaggio privato se hai domande a riguardo.