Fügen Sie die ID oder die Klasse Markdown-element

Ist es möglich, eine id oder Klasse zu einem (multi)markdown-element?

Beispiel für eine Tabelle, einen Absatz oder ein block von code?

Ich würde gerne im Stil einer Tabelle mit css, aber nicht von folgenden arbeiten:

[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>

Nicht finden können, was else online..

Ich dont bedeuten, github oder stackoverflow flavored markdown btw.

InformationsquelleAutor Tieme | 2013-02-06
  1. 39

    Kann ich bestätigen, das funktioniert mit kramdown. Happy hunting.

    markdown

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

    css

    .foo {
  background: blue;
}
    • wusste nicht, kramdown hatte dieses feature, bis ich sah, Ihre Antwort - vielen Dank!
    • Tut kramdown Unterstützung MathJax und Tabellen ?
    InformationsquelleAutor Steven Penny
  2. 3

    Nach einigen Recherchen, habe ich eine einfache und unkomplizierte Lösung 🙂

    Platzierte ich die Tabellen zwischen zwei HTML-Platzhalter und verwendet jQuery, um die Feinabstimmung diejenigen und nur diejenigen, die als notwendig:

    Anfang der Tabelle

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

    Tabelle


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

    Ende der Tabelle

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

    jQuery: Fine-tune-Tabellen durch hinzufügen der Klassen

    <script type="text/javascript">
(function() {
    $('div.tables-begin').nextUntil('div.tables-end', 'table').addClass('table table-bordered');
})();
</script>
    • Nur wickeln Sie die markdown-Tabelle mit einem div 🙂 ? und dann .foo table { color: red; } - warum javascript?
    • Guter Punkt @BadrHari, jedoch Frage klar fragt, wie hinzufügen "Class" oder "Id" zu " markdown-element 😉
    InformationsquelleAutor wik
  3. 2

    CSS-Zwecke könnte man hinzufügen, eine id zu dem vorherigen element, und verwenden Sie dann einen Selektor ändern Sie das folgende element.

    Markdown wie diese:

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

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

    CSS wie dieses:

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

    Können Sie eine eigene Klasse oder id zu einem element, indem Sie die Klasse oder die id innerhalb einer geschweiften Klammer nach dem element wie diesem: {#id .class}

    Beispiel:

    [Read more](http://www.stackoverflow.com "read more"){#link-sf .btn-read-more}

    dargestellt wird, wie unten:

    <a href="http://www.stackoverflow.com" title="read more" id="link-sf" class="btn-read-more">Read more</a>

    Finden Sie in https://michelf.ca/projects/php-markdown/extra/#spe-attr

    InformationsquelleAutor DAMIEN JIANG
Schreibe einen Kommentar