# \[SOLVED\] Copy button on code blocks in README.md

**URL:** <https://forum.gitea.com/t/solved-copy-button-on-code-blocks-in-readme-md/6893>\
**Category:** Gitea Usages\
**Created:** [March 17, 2023, 8:09pm UTC](https://forum.gitea.com/t/solved-copy-button-on-code-blocks-in-readme-md/6893 "2023-03-17T20:09:05Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![helmetwearer](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.gitea.com/helmetwearer/32/3523_2.png) [@helmetwearer](https://forum.gitea.com/u/helmetwearer)\
**Post date:** [March 17, 2023, 8:09pm UTC](https://forum.gitea.com/t/solved-copy-button-on-code-blocks-in-readme-md/6893/1 "2023-03-17T20:09:05Z")

</div>

Usually when someone is putting code blocks into a readme file the commands or code written is meant to be copied by the user reading the readme. Automatically putting the copy button on code blocks would save a lot of users a lot of hassle, and is becoming a standard way to treat repo markdown.

---

<div class="post-metadata">

**Author:** ![delvh](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.gitea.com/delvh/32/5047_2.png) [@delvh](https://forum.gitea.com/u/delvh)\
**Post date:** [March 17, 2023, 8:27pm UTC](https://forum.gitea.com/t/solved-copy-button-on-code-blocks-in-readme-md/6893/2 "2023-03-17T20:27:09Z")

</div>

That is already supported:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/gitea/original/2X/c/c3230c405e230d2d7b8a02458b837c6dcfed97fa.png)  
However, I don’t know since when. 1.18?

---

<div class="post-metadata">

**Author:** ![jolheiser](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.gitea.com/jolheiser/32/4807_2.png) [@jolheiser](https://forum.gitea.com/u/jolheiser)\
**Post date:** [March 17, 2023, 8:31pm UTC](https://forum.gitea.com/t/solved-copy-button-on-code-blocks-in-readme-md/6893/3 "2023-03-17T20:31:03Z")

</div>

Looks like 1.16

> <https://github.com/go-gitea/gitea/pull/17638>
>
> Done mostly in JS because I think it's better not to try getting buttons past th…e markup sanitizer.
> 
> \<img width="1008" alt="Screen Shot 2021-11-14 at 01 18 36" src="https://user-images.githubusercontent.com/115237/141662837-590c0f15-df3a-424a-ba50-ca998cff6b73.png"\>
> \<img width="1008" alt="Screen Shot 2021-11-14 at 01 18 53" src="https://user-images.githubusercontent.com/115237/141662838-c6d26257-dc54-4428-906e-49bcecd30a9c.png"\>

---

<div class="post-metadata">

**Author:** ![kamzata](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.gitea.com/kamzata/32/4363_2.png) [@kamzata](https://forum.gitea.com/u/kamzata)\
**Post date:** [February 1, 2024, 4:04pm UTC](https://forum.gitea.com/t/solved-copy-button-on-code-blocks-in-readme-md/6893/4 "2024-02-01T16:04:22Z")

</div>

I’m using 1.21.4 version. How should I add the copy button in the code block?

---

<div class="post-metadata">

**Author:** ![delvh](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.gitea.com/delvh/32/5047_2.png) [@delvh](https://forum.gitea.com/u/delvh)\
**Post date:** [February 11, 2024, 10:25am UTC](https://forum.gitea.com/t/solved-copy-button-on-code-blocks-in-readme-md/6893/5 "2024-02-11T10:25:16Z")

</div>

It is automatically inserted for all code blocks

---

<div class="post-metadata">

**Author:** ![kamzata](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.gitea.com/kamzata/32/4363_2.png) [@kamzata](https://forum.gitea.com/u/kamzata)\
**Post date:** [February 11, 2024, 10:38am UTC](https://forum.gitea.com/t/solved-copy-button-on-code-blocks-in-readme-md/6893/6 "2024-02-11T10:38:25Z")

</div>

I cannot see it. Should I enable anything?

---

<div class="post-metadata">

**Author:** ![delvh](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.gitea.com/delvh/32/5047_2.png) [@delvh](https://forum.gitea.com/u/delvh)\
**Post date:** [February 11, 2024, 10:50am UTC](https://forum.gitea.com/t/solved-copy-button-on-code-blocks-in-readme-md/6893/7 "2024-02-11T10:50:54Z")

</div>

Are you hovering over the code block?

---

<div class="post-metadata">

**Author:** ![kamzata](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.gitea.com/kamzata/32/4363_2.png) [@kamzata](https://forum.gitea.com/u/kamzata)\
**Post date:** [February 11, 2024, 11:07am UTC](https://forum.gitea.com/t/solved-copy-button-on-code-blocks-in-readme-md/6893/8 "2024-02-11T11:07:19Z")

</div>

Yes, I’m. I tried on Chrome and Firefox as well.

---

<div class="post-metadata">

**Author:** ![delvh](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.gitea.com/delvh/32/5047_2.png) [@delvh](https://forum.gitea.com/u/delvh)\
**Post date:** [February 11, 2024, 11:21am UTC](https://forum.gitea.com/t/solved-copy-button-on-code-blocks-in-readme-md/6893/9 "2024-02-11T11:21:00Z")

</div>

And the document you are testing is certainly using code blocks

````md
```<language>
content
```

````

like this ↑?

---

<div class="post-metadata">

**Author:** ![kamzata](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.gitea.com/kamzata/32/4363_2.png) [@kamzata](https://forum.gitea.com/u/kamzata)\
**Post date:** [February 11, 2024, 11:59am UTC](https://forum.gitea.com/t/solved-copy-button-on-code-blocks-in-readme-md/6893/10 "2024-02-11T11:59:58Z")

</div>

My bad. I don’t know what I did but now it seems to work. Thanks

---

<div class="post-metadata">

**Author:** ![lunny](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.gitea.com/lunny/32/4701_2.png) [@lunny](https://forum.gitea.com/u/lunny)\
**Post date:** [February 8, 2026, 7:47pm UTC](https://forum.gitea.com/t/solved-copy-button-on-code-blocks-in-readme-md/6893/11 "2026-02-08T19:47:07Z")

</div>