# Code Format icon

**URL:** <https://discourse.processing.org/t/code-format-icon/5548>\
**Category:** Site Feedback\
**Created:** [November 15, 2018, 1:00am UTC](https://discourse.processing.org/t/code-format-icon/5548 "2018-11-15T01:00:32Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![PascalAudet](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/pascalaudet/32/1903_2.png) [@PascalAudet](https://discourse.processing.org/u/PascalAudet)\
**Post date:** [November 15, 2018, 1:00am UTC](https://discourse.processing.org/t/code-format-icon/5548/1 "2018-11-15T01:00:32Z")

</div>

I propose to make the code format button icon \</\> maybe more intutive.  
Just to make it easyer to find by new user, and not so new user like me that dont remember where t ofind it each time.

ex. [Code format]

thanks

---

<div class="post-metadata">

**Author:** ![ottenm](https://avatars.discourse-cdn.com/v4/letter/o/f08c70/32.png) [@ottenm](https://discourse.processing.org/u/ottenm)\
**Post date:** [November 7, 2022, 12:20pm UTC](https://discourse.processing.org/t/code-format-icon/5548/2 "2022-11-07T12:20:48Z")

</div>

Until today, I never figured out what \</\> was supposed to mean or where it was supposed to be. I always used View \> Source (in the browser) to (re) figure out what html tag to use (spanning a few years of forum use and a dozen-plus code posts).

Finally just found it, buried under (what to me looks like) the settings icon for the editor.

---

<div class="post-metadata">

**Author:** ![sableraph](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/sableraph/32/251_2.png) [@sableraph](https://discourse.processing.org/u/sableraph)\
**Post date:** [November 8, 2022, 2:15pm UTC](https://discourse.processing.org/t/code-format-icon/5548/3 "2022-11-08T14:15:50Z")

</div>

I have recently made this gif and added it to the relevant FAQ pages on the forum:

![Format code](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/3/4/34521338de6902479873291389bf53a11d12237d.gif)

Feel free to use it in your own messages if you are helping someone format their code. You can add it by pasting this line in your message:

```nohighlight
![Format code](upload://7sQFL1UrW7m6WvgXlZWtIZytFYV.gif)

```

---

<div class="post-metadata">

**Author:** ![ottenm](https://avatars.discourse-cdn.com/v4/letter/o/f08c70/32.png) [@ottenm](https://discourse.processing.org/u/ottenm)\
**Post date:** [November 8, 2022, 2:46pm UTC](https://discourse.processing.org/t/code-format-icon/5548/4 "2022-11-08T14:46:13Z")

</div>

Great gif, very helpful!  
Not sure what I’m missing, but I’m not getting the ‘format code’ button on my main toolbar (firefox, Win 10). Who knows, and no longer needed.

 ![screenshot](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/f/f/ff9cff1b3e2cb885295461460503064f3934b2b5.png)

---

<div class="post-metadata">

**Author:** ![jafal](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jafal/32/19112_2.png) [@jafal](https://discourse.processing.org/u/jafal)\
**Post date:** [November 8, 2022, 6:45pm UTC](https://discourse.processing.org/t/code-format-icon/5548/5 "2022-11-08T18:45:55Z")

</div>

Hi

@ottenm Android tablet the same

![Screenshot_2022-11-08-21-42-33-830](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/0/7/0712b69d5b211ef1cba4c734673859cebe71d4df.jpeg)

---

<div class="post-metadata">

**Author:** ![mnse](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/mnse/32/16520_2.png) [@mnse](https://discourse.processing.org/u/mnse)\
**Post date:** [November 8, 2022, 9:09pm UTC](https://discourse.processing.org/t/code-format-icon/5548/6 "2022-11-08T21:09:04Z")

</div>

It is the preformatted text one at the top of the menu 🙂

![0712b69d5b211ef1cba4c734673859cebe71d4df.jpeg](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/5/c/5c193ef334c335cc1296f6c8c40cc04c361e6f3f.jpeg)

Cheers  
— mnse

---

<div class="post-metadata">

**Author:** ![glv](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/glv/32/18785_2.png) [@glv](https://discourse.processing.org/u/glv)\
**Post date:** [July 3, 2024, 8:29pm UTC](https://discourse.processing.org/t/code-format-icon/5548/7 "2024-07-03T20:29:23Z")

</div>

Hello @sableraph and @ProcessingOrg,

There are currently two documents that have instructions on formatting code:

- [https://discourse.processing.org/faq#format-your-code](https://discourse.processing.org/faq#format-your-code)
- [Guidelines—Asking Questions](https://discourse.processing.org/t/guidelines-asking-questions/2147#is-your-post-formatted-9)

They are not the same and have different content; one has more detail than the other.

Please consider editing these (those) so they have the same content.

`:)`

---

<div class="post-metadata">

**Author:** ![ProcessingOrg](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/processingorg/32/18341_2.png) [@ProcessingOrg](https://discourse.processing.org/u/ProcessingOrg)\
**Post date:** [July 11, 2024, 10:15am UTC](https://discourse.processing.org/t/code-format-icon/5548/8 "2024-07-11T10:15:40Z")

</div>

I have edited [Guidelines—Asking Questions](https://discourse.processing.org/t/guidelines-asking-questions/2147#is-your-post-formatted-9) with a brief section on code formatting and a link to the FAQ to avoid having to maintain two redundant bits of documentation. Thanks for your feedback.

R.