--- image: https://i.imgur.com/P1HXrhw.jpg tags: releases --- # CodiMD 2.2.0 - Diploderma swinhonis ![](https://i.imgur.com/P1HXrhw.jpg) > Diploderma swinhonis, also known as the Taiwan japalure, Swinhoe's japalure, and Swinhoe's tree lizard, is a species of lizard in the family Agamidae. The species is endemic to Taiwan. > \- Wikipedia [Diploderma swinhonis](https://en.wikipedia.org/wiki/Diploderma_swinhonis) In this release, we've added some Markdown renderer plugins, including fretboard guitar, Mindmap, and CSV. We believe the simplicity and the extensibility of markdown can bring more possibilities to you and your workflow. So let's find out more about what we can do with markdown. :100: We also fixed a long-lasting issue: CodiMD cannot be hosted under URL subpath perfectly. Check PR [#1551](https://github.com/hackmdio/codimd/pull/1551) for details. Last but not least, we start standarizing CodiMD API. We drafted [`List my notes`](https://github.com/hackmdio/codimd/pull/1548) API in this release. Stay tuned. :person_in_lotus_position: Here are some highlights from this release: - [Fretboard Guitar tab renderer](#Fretboard-Guitar-tab-renderer) - [Mindmap rendrer](#Mindmap) - [Image Lightbox](#Image-Lightbox-Support) - [CSV renderer](#Render-csv-codeblock-as-table) ## Highlights ### Fretboard Guitar tab renderer Now you can use CodiMD with a...guitar tab? ![](https://i.imgur.com/2tQZ8S6.png) ASCII Fretboard is a syntax for generating guitar chord and charts SVG for the web. It was first introduced in [davidpots/fretboard](https://github.com/davidpots/fretboard) by [@davidpots](https://github.com/davidpots). [@birdca](https://github.com/birdca) proposed this integration and soon submitted a [pull request](https://github.com/hackmdio/codimd/pull/1471) for this. We think this is **REALLY** cool. For those who play guitar and want to take note on CodiMD, you'll love it :heart_decoration: Credits to [@birdca](https://github.com/birdca) for bringing this to CodiMD! For the syntax definition and all available options, please check out [the documentation](https://hackmd.io/c/codimd-documentation/%2F%40codimd%2Ffretboard-syntax). ### Mindmap With the help of [markmap-lib](https://markmap.js.org/), CodiMD can render Mindmap now. ![](https://i.imgur.com/3QI6wVL.png) ### Image Lightbox Support We added a basic image lightbox to CodiMD. With this image gallery view, you can: 1. Navigate through the images in note 2. Zoom in/out the image 3. Drag to move the image to see the detail ![](https://i.imgur.com/KG8NJM3.gif) ### Render csv codeblock as table ![](https://i.imgur.com/jfd0kvM.png) Now you can set code fence language to `csvpreview` and preview the CSV as a table. We use [Papa Parse](https://www.papaparse.com/) for parsing csv under the hood. You can configure parsing options within braces like: `{header="true"}`. Multiple options are seperated by a space. e.g. `{header="true" delimiter="."}`. For the all the avaiable options, please use [the documentation of Papa Parse](https://www.papaparse.com/docs#config) as reference. ## Enhancements - Use array for tags when available [#1505](https://github.com/hackmdio/codimd/pull/1505) [@daniele-athome](https://github.com/daniele-athome) - Replace btn-social with btn-login-method [#1522](https://github.com/hackmdio/codimd/pull/1522) [@a60814billy](https://github.com/a60814billy) - Set html image meta tag with YAML metadata[#1546](https://github.com/hackmdio/codimd/pull/1546) [@schokotets](https://github.com/schokotets) - List my note API [#1548](https://github.com/hackmdio/codimd/pull/1548) [@JamesCamel](https://github.com/JamesCamel) ## Fixes - Update Simplified Chinese translation and fix typography [#1498](https://github.com/hackmdio/codimd/pull/1498) [@zent00](https://github.com/zent00) - Fix webpack urlpath font loading error [#1551](https://github.com/hackmdio/codimd/pull/1551) [@Yukaii](https://github.com/Yukaii) ## Thank you Here are the contributors in this release, thank you guys for being here and making CodiMD awesome. ❤️ - [@zent00](https://github.com/zent00) - [@JamesCamel](https://github.com/JamesCamel) - [@daniele-athome](https://github.com/daniele-athome) - [@birdca](https://github.com/birdca) - [@a60814billy](https://github.com/a60814billy) - [@schokotets](https://github.com/schokotets) - [@Yukaii](https://github.com/Yukaii)