如何将类属性和值传递给 markdown 语法
我在 django 项目中使用 python markdown,当我有值时,
#/usr/bin/env python
print "this is converted to html code block"
输出是
<pre><code>
#/usr/bin/env python
print "this is converted to html code block"
</code><pre>
现在我的问题是如何将类属性和值传递给代码 elem。 示例:
#i should be using some markdown syntax below
[class="python"]
#/usr/bin/env python
print "this is converted to html code block"
那么这里的输出
<pre><code class="python">
#/usr/bin/env python
print "this is converted to html code block"
</code><pre>
可以吗?又如何呢?
Im using python markdown for my django project, when i have the value
#/usr/bin/env python
print "this is converted to html code block"
the output is
<pre><code>
#/usr/bin/env python
print "this is converted to html code block"
</code><pre>
Now my question is that how can i pass class attribute and value to code elem.
Sample:
#i should be using some markdown syntax below
[class="python"]
#/usr/bin/env python
print "this is converted to html code block"
and then the output here
<pre><code class="python">
#/usr/bin/env python
print "this is converted to html code block"
</code><pre>
is that possible? and how?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
发布评论
评论(4)
岁月静好2024-10-02 19:36:49
这是我的解决方案。首先,Markdown 缩进,使其成为代码块:
|*|-language-css-|*|
.code {
color: red;
}
注意 |*|- 和 -|*|。我使用这些符号只是为了确保接下来有一些独特的东西可以解析。
然后,一点点 JavaScript(现在是 jQuery,我将直接用 JS 编写以进行优化):
$('pre code').each(function() {
var code = $(this).html(),
the_code = code.split('-|*|')[1].substring(1),
language = code.split('|*|-')[1].split('-|*|')[0];
$(this).html(the_code).addClass(language);
});
如您所见,上面的 JavaScript 将采用 |*|- 和 -|*| 中的任何内容。并将其作为类添加到 CODE 元素上。根据您的需要进行修改。
结果是这样的:
<pre>
<code class="language-css">
.code {
color: red;
}
</code>
</pre>
~没有更多了~
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
您可以在 Markdown 中编写 HTML,但不能添加类和 id 等内容。
请参阅此问题或此问题了解更多详细信息。
You can write HTML in Markdown, but you can't add things like classes and ids.
See this question or this question for more details.