{"id":19153378,"url":"https://github.com/leetcode-opensource/markdown-it-grouped-code-fence","last_synced_at":"2025-05-07T06:25:45.866Z","repository":{"id":33782795,"uuid":"161749109","full_name":"LeetCode-OpenSource/markdown-it-grouped-code-fence","owner":"LeetCode-OpenSource","description":"markdown-it plugin for grouping the code fence","archived":false,"fork":false,"pushed_at":"2023-04-07T09:49:21.000Z","size":3505,"stargazers_count":16,"open_issues_count":24,"forks_count":3,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-31T07:11:24.543Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://leetcode-opensource.github.io/markdown-it-grouped-code-fence/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LeetCode-OpenSource.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-12-14T07:37:54.000Z","updated_at":"2024-03-05T08:12:03.000Z","dependencies_parsed_at":"2024-11-09T08:35:09.923Z","dependency_job_id":null,"html_url":"https://github.com/LeetCode-OpenSource/markdown-it-grouped-code-fence","commit_stats":{"total_commits":262,"total_committers":3,"mean_commits":87.33333333333333,"dds":0.06870229007633588,"last_synced_commit":"4f2df5d4ce6fadc1b3e77606b9f18e343cdf549d"},"previous_names":["leetcode-opensource/markdown-it-code-fence-series"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeetCode-OpenSource%2Fmarkdown-it-grouped-code-fence","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeetCode-OpenSource%2Fmarkdown-it-grouped-code-fence/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeetCode-OpenSource%2Fmarkdown-it-grouped-code-fence/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LeetCode-OpenSource%2Fmarkdown-it-grouped-code-fence/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LeetCode-OpenSource","download_url":"https://codeload.github.com/LeetCode-OpenSource/markdown-it-grouped-code-fence/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249738800,"owners_count":21318504,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-09T08:22:54.227Z","updated_at":"2025-04-19T16:33:44.249Z","avatar_url":"https://github.com/LeetCode-OpenSource.png","language":"TypeScript","readme":"# markdown-it-grouped-code-fence\n\n_Grouped code fence_ is almost the same as [code fence](https://spec.commonmark.org/0.28/#code-fence). The only difference is that you can use a syntax, __`keyword-title` within a pair of brackets__ , in the [info string](https://spec.commonmark.org/0.28/#info-string) to combine multiple code fence into a single group. In a Markdown renderer that does not support this syntax, will ignore the syntax and render it as a normal code fence.\n\n\n## Syntax\n~~~\n```language [keyword-title]\n```\n~~~\n\n#### `keyword`\nOptional, Used to distinguish between different groups. default will consider as a anonymous group.\n\n#### `title`\nOptional, Used to customize the title of each code fence. default will using the language name.\n\n\n## Examples\nGo to [Playground](https://leetcode-opensource.github.io/markdown-it-grouped-code-fence/) to see the output.\n\n### Use keywords to distinguish between different groups\n~~~\n```ruby [printA]\n  puts 'A'\n```\n\n```python [printA-python3]\n  print('A')\n```\n\n```javascript [printB]\n  console.log('B')\n```\n~~~\n\n##### output:\n```ruby [printA]\n  puts 'A'\n```\n\n```python [printA-python3]\n  print('A')\n```\n\n```javascript [printB]\n  console.log('B')\n```\n\n\n### Anonymous group\n~~~\n```ruby []\n  put 'Hello world!'\n```\n\n```python [-python3]\n  print('Hello world!')\n```\n\n```javascript []\n  console.log('Hello world!')\n```\n~~~\n\n##### output:\n```ruby []\n  put 'Hello world!'\n```\n\n```python [-python3]\n  print('Hello world!')\n```\n\n```javascript []\n  console.log('Hello world!')\n```\n\n\n## Installation\n\nUsing [yarn](https://yarnpkg.com/):\n```bash\nyarn add markdown-it-grouped-code-fence\n```\n\nOr via [npm](https://docs.npmjs.com):\n```bash\nnpm install markdown-it-grouped-code-fence\n```\n\nThen, to enable the feature:\n\n```javascript\nimport MarkdownIt from 'markdown-it';\nimport { groupedCodeFencePlugin } from 'markdown-it-grouped-code-fence';\n\nconst md = new MarkdownIt();\n\nmd.use(\n  groupedCodeFencePlugin({\n    className: {\n      container: 'class name here',\n      navigationBar: 'class name here',\n      fenceRadio: 'class name here',\n      labelRadio: 'class name here',\n    },\n  }),\n);\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleetcode-opensource%2Fmarkdown-it-grouped-code-fence","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleetcode-opensource%2Fmarkdown-it-grouped-code-fence","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleetcode-opensource%2Fmarkdown-it-grouped-code-fence/lists"}