# Discourse Addon to include a kbd button in the toolbar

**URL:** <https://gramps.discourse.group/t/discourse-addon-to-include-a-kbd-button-in-the-toolbar/1816>\
**Category:** Feedback\
**Created:** [September 12, 2021, 2:15pm UTC](https://gramps.discourse.group/t/discourse-addon-to-include-a-kbd-button-in-the-toolbar/1816 "2021-09-12T14:15:12Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![emyoulation](https://yyz2.discourse-cdn.com/free1/user_avatar/gramps.discourse.group/emyoulation/32/67_2.png) [@emyoulation](https://gramps.discourse.group/u/emyoulation)\
**Post date:** [September 12, 2021, 2:15pm UTC](https://gramps.discourse.group/t/discourse-addon-to-include-a-kbd-button-in-the-toolbar/1816/1 "2021-09-12T14:15:12Z")

</div>

Forum posters often want to include GUI elements or keybindings in their messages.

There is an add-on which add a button to the text editor toolbar which wraps selected text in the `<kbd>` styling tags.

Could this add-on be applied to our Discourse installation?

> **[Keyboard Text Button Component](https://meta.discourse.org/t/keyboard-text-button-component/117501)**
>
> This is a small theme component that creates a button in the composer that on-click, will generate a Text in the composer. Repository link: https://github.com/Chaboi45/Discourse-Keyboard-Text/ Preview Illustration What it looks like: On...

---

<div class="post-metadata">

**Author:** ![gramps-project](https://yyz2.discourse-cdn.com/free1/user_avatar/gramps.discourse.group/gramps-project/32/398_2.png) [@gramps-project](https://gramps.discourse.group/u/gramps-project)\
**Post date:** [September 13, 2021, 1:01am UTC](https://gramps.discourse.group/t/discourse-addon-to-include-a-kbd-button-in-the-toolbar/1816/2 "2021-09-13T01:01:05Z")

</div>

Ok I’ve installed it.

Type Keyboard Text Here

![buttoninstalledonfourm](https://global.discourse-cdn.com/free1/uploads/gramps/original/2X/e/e368f4210c1534bc7663b16766ae4652240600fe.png)

You will need to logout of the forum and clear your browser cache if you do not see it.

---

<div class="post-metadata">

**Author:** ![emyoulation](https://yyz2.discourse-cdn.com/free1/user_avatar/gramps.discourse.group/emyoulation/32/67_2.png) [@emyoulation](https://gramps.discourse.group/u/emyoulation)\
**Post date:** [September 13, 2021, 1:23am UTC](https://gramps.discourse.group/t/discourse-addon-to-include-a-kbd-button-in-the-toolbar/1816/3 "2021-09-13T01:23:58Z")

</div>

Thank you! That will make some of these replies easier.