KBD-Render Plugin for Obsidian

This plugin renders ´example´ syntax as a styled keyboard key, like so.

Features

• Automatically writes the <kbd></kbd> HTML tag with the ´example´ markdown.

Installation

1. Download the main.js, styles.css and manifest.json files;
2. Create a folder called kbd-render and paste all the files in it;
3. Paste the kbd-render folder in Obsidian\Vault\.obsidian\plugins\;
4. Turn on the plugin in Obsidian settings.

Usage

Simply type anything between ´´ and the plugin will automatically change the markdown to the <kbd></kbd> HTML.

Example:

´ESC´ becomes <kbd>ESC</kbd>, which is rendered like ESC.

Future updates:

• A page at the Obsidian community plugins store;
• Markdown shortcut customization (currently only ´example´ works);
• Style customization;
• A function to hide the HTML tag while editing, showing only the markdown;
• More (maybe).