MD Composer Extras

[Johani (Joe)]

Ein Tag wie [center] erfordert weiterhin ein Plugin, aber du hast recht, @Steven

Zur Zeit der Erstellung dieser Komponente mussten HTML-<div>-Tags verwendet werden. Du kannst jedoch jetzt [wrap="foo"][/wrap] in Themes oder Komponenten verwenden.

Mehr dazu erfährst du hier:

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…

Hier ist ein einfaches Beispiel:

[wrap="center"] 
Einige zentrierter Text 
[/wrap]

Dies erzeugt beim Kochen des Beitrags folgendes Markup:

<div class="d-wrap" data-wrap="center">
  <p>Einige zentrierter Text</p>
</div>

Das kannst du dann mit einem CSS-Attribut-Selektor wie folgt ansprechen:

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

Das führt sowohl in der Vorschau des Editors als auch im gerenderten Beitrag zu folgendem Ergebnis:

Oder:

[wrap="right"] 
Einige rechtsbündiger Text 
[/wrap]

Dies ergibt das folgende gekochte Markup:

<div class="d-wrap" data-wrap="right">
  <p>Einige rechtsbündiger Text</p>
</div>

Du kannst dann dieses CSS hinzufügen:

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

für dieses Ergebnis:

Da die Komponente derzeit das HTML-align-Attribut verwendet, sollte diese Änderung zu 100 % abwärtskompatibel sein.

Probier es aus, wann immer du Zeit hast, und schick mir gerne eine PN, falls du Fragen dazu hast.