Extras de MD Composer

[Johani (Joe)]

Una etiqueta como [center] aún requerirá un plugin, pero tienes razón, @Steven

En el momento de la creación de este componente, tenías que usar las etiquetas HTML <div>. Sin embargo, ahora puedes usar [wrap="foo"][/wrap] en temas y componentes.

Puedes leer más sobre esto aquí:

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…

Aquí tienes un ejemplo sencillo:

[wrap="center"] 
Algun texto centrado 
[/wrap]

Esto generaría el siguiente marcado cuando se procese la publicación:

<div class="d-wrap" data-wrap="center">
  <p>Algun texto centrado</p>
</div>

Lo cual puedes seleccionar con un selector de atributo CSS de la siguiente manera:

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

Y esto generaría algo como lo que se muestra tanto en la vista previa del editor como en la publicación renderizada:

O también:

[wrap="right"] 
Algun texto alineado a la derecha 
[/wrap]

Lo que resultaría en este marcado procesado:

<div class="d-wrap" data-wrap="right">
  <p>Algun texto centrado</p>
</div>

Luego puedes agregar este CSS:

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

Para obtener este resultado:

Dado que el componente actualmente utiliza el atributo HTML align, este cambio debería ser 100 % compatible hacia atrás.

Pruébalo cuando tengas tiempo y no dudes en enviarme un mensaje privado si tienes alguna pregunta al respecto.