# Composer Footnote Button

**URL:** https://meta.discourse.org/t/composer-footnote-button/243487
**Category:** Theme component
**Tags:** footnote, end-of-life
**Created:** [November 1, 2022, 12:58am UTC](https://meta.discourse.org/t/composer-footnote-button/243487 "2022-11-01T00:58:21Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [November 1, 2022, 12:58am UTC](https://meta.discourse.org/t/composer-footnote-button/243487/1 "2022-11-01T00:58:21Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **Summary** | Add Insert Footnote button to composer |
| 👓 | **Preview** | [Theme Creator](https://discourse.theme-creator.io/theme/Don/discourse-composer-footnote-button) |
| 🛠 | **Repository** | [GitHub - VaperinaDEV/discourse-composer-footnote-button: Add Insert Footnote button to composer · GitHub](https://github.com/VaperinaDEV/discourse-composer-footnote-button) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

* * *

Hello 👋

This theme component is to be used with [Discourse Footnote](https://meta.discourse.org/t/discourse-footnote/84533) plugin and it’s add an `Insert Footnote` button to composer.

There are a few settings:

 ![Screenshot 2022-11-01 at 2.38.30](https://global.discourse-cdn.com/meta/original/4X/8/3/2/83231fe52ec3a5da1c7af552c5d9dc8c1a6e8361.png)

By default:

- it uses superscript icon what you can change with `composer footnote button icon` setting.

- it shows on popup options menu in composer uncheck the `put in popup menu` setting to show it on toolbar section.  

* * *

If you uncheck the `put in popup menu` setting than you can select from 3 groups to where you want to place this button on toolbar.

Default: insertions

- insertions  
 ![Screenshot 2022-11-01 at 1.08.12](https://global.discourse-cdn.com/meta/original/4X/5/3/7/537694d0f162f0980b853acc96a0caad1c35cf33.png)

- fontStyles  
 ![Screenshot 2022-11-01 at 1.09.15](https://global.discourse-cdn.com/meta/original/4X/c/f/8/cf84ea668b301916b89a994307e9f8ceb63458ce.png)

- extras  
 ![Screenshot 2022-11-01 at 1.10.19](https://global.discourse-cdn.com/meta/original/4X/f/b/2/fb2164b04caf6b290fe0d6e20568aca7065dc126.png)

* * *

Clicking on the footnote button will insert the code. This text you can change with `composer footnote button text` translation.

`^[This text will be in footnote]`

Theme Translations:

 ![Screenshot 2022-11-01 at 2.39.35](https://global.discourse-cdn.com/meta/original/4X/d/b/d/dbd20fca3209e7a24c4e516f347331b7c6123f8a.png)

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [July 26, 2023, 3:58am UTC](https://meta.discourse.org/t/composer-footnote-button/243487/3 "2023-07-26T03:58:16Z")

</div>

It isn’t super clear that this component only provides the button and not the _functionality_ of the #footnote plugin (the only real clue is the tag on the topic).

Why isn’t this functionality rolled into the official plugin anyway? It would be a very useful addition!

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [July 26, 2023, 6:12am UTC](https://meta.discourse.org/t/composer-footnote-button/243487/4 "2023-07-26T06:12:33Z")

</div>

Thanks @nathank 🙂 I forget to add this important info. I updated the OP.

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [September 19, 2024, 7:48pm UTC](https://meta.discourse.org/t/composer-footnote-button/243487/5 "2024-09-19T19:48:37Z")

</div>

Hi @Don! There appears to be an error with this theme component…

 ![This image depicts a computer screen displaying a code editor with a Python script, featuring a code snippet for a Flask web application, likely for a "Discourse Composer" feature, with various tokens and footnote buttons. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/5/c/f/5cf6ee5719eed058e7fe4dfc04442af65240fa2c.png)

… which it seems might be resolved as advised here…

> [@Using modifyClass to change core behavior](https://meta.discourse.org/t/using-modifyclass-to-change-core-behavior/262064):
>
> For advanced themes and plugins, Discourse offers the modifyClass system. This allows you to extend and override functionality in many of core’s javascript classes. When to use modifyClass modifyClass should be a last resort, when your customization cannot be made via Discourse’s more stable customization APIs (e.g. plugin-api methods, plugin outlets, transformers). Core’s code can change at any time. And therefore, customizations made via modifyClass could break at any time. When using this A…

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [September 20, 2024, 3:49pm UTC](https://meta.discourse.org/t/composer-footnote-button/243487/6 "2024-09-20T15:49:48Z")

</div>

Hmm… 🤔 I checked this and I didn’t get this error. I think it is probably depends on the other components. I will try to figure out and maybe modify it with the api.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [May 10, 2025, 5:52am UTC](https://meta.discourse.org/t/composer-footnote-button/243487/7 "2025-05-10T05:52:36Z")

</div>

Hello 👋 This is now found in core, so you don’t have to use this to have a footnote button. I’ve added the #end-of-life tag.
