35

IDまたはクラスを（マルチ）マークダウン要素に追加することは可能ですか？

たとえば、表、段落、またはコードのブロック？

cssを使用してテーブルのスタイルを設定したいのですが、次の作業は行いません。

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

オンラインで他に何も見つかりません。

私はgithubやstackoverflowフレーバーのマークダウンを意味するのではありません。

4

4 に答える 4

5

いくつかの調査の後、私はシンプルで簡単な解決策を考え出しました:)

2 つの HTML プレースホルダーの間にテーブルを配置し、jQuery を使用してそれらを微調整し、必要に応じてそれらのみを調整しました。

表の先頭

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

テーブル

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

表の終わり

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

jQuery: クラスを追加してテーブルを微調整する

<script type="text/javascript">
(function() {
    $('div.tables-begin').nextUntil('div.tables-end', 'table').addClass('table table-bordered');
})();
</script>
于 2015-08-28T22:08:46.897 に答える
5

次のように、要素の後に中括弧内にクラスまたは ID を配置することで、カスタム クラスまたは ID を要素に追加できます。{#id .class}

例えば：

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

以下のようにレンダリングされます。

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

https://michelf.ca/projects/php-markdown/extra/#spe-attrを参照できます

于 2016-12-18T22:56:20.570 に答える