Añadir ID o Clase a Markdown-element

multimarkdown

Question

¿Es posible agregar un id o una clase a un elemento (múltiple) de reducción de precio?

Por ejemplo una tabla, un párrafo o bloque de código?

Me gustaría diseñar una tabla con css pero no del siguiente trabajo:

[captionid][This is the caption, not the table id]
| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |
[captionid][This is the caption, not the table id]

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |
[tablecaption](#tableid)

<div class="special_table">

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

</div>

No puedo encontrar nada más en línea ..

No me refiero a Markdown con sabor a github o stackoverflow por cierto.

Answer 1

Después de algunas investigaciones, se me ocurre una solución simple y directa :)

Coloqué tablas en medio de dos marcadores de posición HTML y usé jQuery para ajustar esos y solo aquellos según sea necesario:

Comienzo de la mesa

<div class="tables-start"></div>

Mesa

id | name ---|--- 1 | London 2 | Paris 3 | Berlin

Fin de la mesa

<div class="tables-end"></div>

jQuery: afina las tablas agregando las clases

<script type="text/javascript">
(function() {
    $(''div.tables-begin'').nextUntil(''div.tables-end'', ''table'').addClass(''table table-bordered'');
})();
</script>

Answer 2

Para fines de CSS, podría agregar una identificación al elemento anterior y luego usar un selector para alterar el siguiente elemento.

Markdown de esta manera:

<div class="special_table"></div>

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

CSS como este:

div.special_table + table tr:nth-child(even) {background: #922}

Answer 3

Puede agregar una clase o una identificación personalizada a un elemento {#id .class} la clase o la identificación dentro de un corchete después del elemento como este: {#id .class}

Por ejemplo: [Read more](http://www..com "read more"){#link-sf .btn-read-more} mostrará como: <a href="http://www..com" title="read more" id="link-sf" class="btn-read-more">Read more</a>

Puede consultar https://michelf.ca/projects/php-markdown/extra/#spe-attr

Answer 4

Puedo confirmar esto para trabajar con kramdown . Feliz cacería.

reducción

{:.foo}
| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

css

.foo {
  background: blue;
}