Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ice-zjchen/remark-codeset

Transform sets of code blocks in markdown to tablist in html (new node type, rehype compatible)
https://github.com/ice-zjchen/remark-codeset

codeset gatsby-remark markdown rehype remark remark-plugin tablist

Last synced: 2 months ago
JSON representation

Transform sets of code blocks in markdown to tablist in html (new node type, rehype compatible)

Awesome Lists containing this project

README

        

# remark-codeset

Adds syntax to parse sets of code blocks in markdown. Transforms them to tablist.

Live demo: https://codepen.io/ice-zjchen/full/dybevYP

## Intro

This repository contains the following projects:

- [`remark-codeset`](./packages/remark-codeset) A remark plugin used in the remark processor powered by [@unified](https://github.com/unifiedjs/unified) collective.
- [`gatsby-remark-codeset`](./packages/gatsby-remark-codeset) A sub-plugin of [gatsby-transformer-remark](https://www.gatsbyjs.org/packages/gatsby-transformer-remark/) plugin used in gatsby.
- [`remark-codeset-core`](./packages/remark-codeset-core) Core libs including tokenize, parser, etc.

## Syntax


~~~codeset
```html
<div>Hello CodeSet</div>
```

```css
div {
font-size: 32px;
}
```

```js
console.log('I am remark-codeset');
```
~~~