html - 扩展 Markdown 解析器以呈现自定义代码块

标签 html css parsing markdown github-flavored-markdown

我正在构建一个静态博客,它使用 Marked解析 Markdown 。我希望能够拥有带选项卡的代码块。 我想解析如下所示的代码:

```JavaScript
var geolocation = require("nativescript-geolocation");
```
```TypeScript
import geolocation = require("nativescript-geolocation");
```

对于这样的事情(来自 angular2 文档),其中选项卡名称将是 JavaScriptTypeScript

enter image description here

我正在使用 JavaScript (nodeJs) 编程,所以如果需要我可以手动渲染它?代码块选项卡的自定义实现会是什么样子?

我不确定这些是否有特殊名称,因为我似乎找不到任何示例或模板。

最佳答案

我认为答案是:“已标记”不支持自定义标签。我花了几个小时试图找到一些方法来扩展它并最终切换到 showdown .

看起来很容易实现一个(她是可扩展的 section 标签 example)。

扩展 'showdownjs/prettify-extension' 使用 Google Prettify 实现代码高亮显示。

关于html - 扩展 Markdown 解析器以呈现自定义代码块,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38590886/

相关文章:

javascript - 当窗口宽度小于1025时更改类

PHP 循环模板引擎 - 从零开始

json - 如何在以下代码中访问 __nssingleobjectarrayi 的值

java - 在fragment中findViewById,如何在onCreateView之外获取 View

python - 如何抓取每两个兄弟 <hr> 标签之间的内容?

javascript - 如何使 FontAwesomeIcon react 在鼠标悬停时不改变颜色

html - 与 HTML 中的方法 POST 和 GET 相关的问题

javascript - jQuery 动画 Complete 在事件完成之前触发

php - 只有第一个词填充提交按钮上的值字段

javascript - 如何通过 javascript 为 <audio> 标签启用默认控件?