如何在 Markdown 中设置 HTML 类属性?

发布于 2024-07-23 12:27:56 字数 429 浏览 6 评论 0原文

如果我有一些像

## My Title

A paragraph of content here.

    code_line(1);
    // a code comment
    class MoreCode { }

and more text to follow...

如何在中间生成的 块上设置一个类? 我想让它输出,

<code class=’prettyprint’>
  code_line(1);
  // a code comment
  class More Code { }
</code>

但我似乎无法设置它。 我无法控制正在运行的 Markdown 代码,只能控制内容。

If I have some Markdown like

## My Title

A paragraph of content here.

    code_line(1);
    // a code comment
    class MoreCode { }

and more text to follow...

How can I set a class on the <code> block that's generated in the middle there? I want to have it output

<code class=’prettyprint’>
  code_line(1);
  // a code comment
  class More Code { }
</code>

But I can't seem to set it. I do not have control over the Markdown code being run, only over the content.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

永言不败 2024-07-30 12:27:56

您可以在 Markdown 中嵌入 HTML。 按字面意思输入您想要的内容,不要缩进。

<code class="prettyprint">
  code_line(1);
  // a code comment
  class More Code { }
</code>

对于 语法突出显示 开头的反勾号的具体情况如今,带有该语言的围栏代码块几乎可以在任何地方使用。

```js
code_line(1);
// a code comment
class MoreCode { }
```

You can embed HTML in Markdown. Type literally what you want, with no indent.

<code class="prettyprint">
  code_line(1);
  // a code comment
  class More Code { }
</code>

For the specific case of syntax highlighting following the back ticks at the start of a fenced code block with the language works just about everywhere these days.

```js
code_line(1);
// a code comment
class MoreCode { }
```
記憶穿過時間隧道 2024-07-30 12:27:56

虽然没有准确回答问题。 您也可以使用不同的渲染,例如 Maruku 或 Kramdown:

## My Title

A paragraph of content here.
~~~
code_line(1);
// a code comment
class MoreCode { }
~~~
{: .prettyprint}

and more text to follow...

输出(使用 haml 和 kramdown 测试):

<pre class="prettyprint"><code>
code_line(1);
// a code comment
class MoreCode { }
</code></pre>

Kramdown 语法: http://kramdown.rubyforge.org/quickref.html#block-attributes

Though not answering the question exactly. You can use a different render too like Maruku or Kramdown:

## My Title

A paragraph of content here.
~~~
code_line(1);
// a code comment
class MoreCode { }
~~~
{: .prettyprint}

and more text to follow...

Output (tested with haml & kramdown):

<pre class="prettyprint"><code>
code_line(1);
// a code comment
class MoreCode { }
</code></pre>

Kramdown syntax: http://kramdown.rubyforge.org/quickref.html#block-attributes

沧桑㈠ 2024-07-30 12:27:56

Markdown Extra 支持使用花括号的 class 和 id 属性。 请参阅:https://michelf.ca/projects/php-markdown/extra/ #spe-attr

Markdown Extra supports class and id attributes using curly braces. See: https://michelf.ca/projects/php-markdown/extra/#spe-attr

神回复 2024-07-30 12:27:56

Markdown 有一个扩展 (attr_list.py),它允许您使用 Maruku 的 {: .classname} 语法。

Markdown has an extension (attr_list.py) which allows you to use Maruku's {: .classname} syntax.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文