Extras do MD Composer

[Johani (Joe)]

Uma tag como [center] ainda exigirá um plugin, mas você está correto @Steven

No momento da criação deste componente, era necessário usar tags HTML <div>. No entanto, agora você pode usar [wrap="foo"][/wrap] em temas e componentes.

Você pode ler mais sobre isso aqui:

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…

Aqui está um exemplo simples:

[wrap="center"] 
Algum texto centralizado 
[/wrap]

Isso geraria a seguinte marcação quando a postagem for processada:

<div class="d-wrap" data-wrap="center">
  <p>Algum texto centralizado</p>
</div>

que você pode então selecionar usando um seletor de atributo CSS da seguinte forma:

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

E isso resultaria em algo como isto tanto na pré-visualização do compositor quanto na postagem renderizada:

ou

[wrap="right"] 
Algum texto alinhado à direita 
[/wrap]

E isso resultaria na seguinte marcação processada:

<div class="d-wrap" data-wrap="right">
  <p>Algum texto centralizado</p>
</div>

Você pode então adicionar este CSS:

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

para obter este resultado:

Como o componente atualmente usa o atributo HTML align, essa alteração deve ser 100% compatível com versões anteriores.

Experimente quando tiver um tempo e fique à vontade para me enviar uma mensagem privada se tiver alguma dúvida sobre isso.