# Can't remember how to create "new" code block with drop-down language selector in my rich text fields

**URL:** <https://community.fibery.io/t/cant-remember-how-to-create-new-code-block-with-drop-down-language-selector-in-my-rich-text-fields/2676>\
**Category:** Get Help\
**Created:** [April 1, 2022, 11:48pm UTC](https://community.fibery.io/t/cant-remember-how-to-create-new-code-block-with-drop-down-language-selector-in-my-rich-text-fields/2676 "2022-04-01T23:48:28Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![masp](https://avatars.discourse-cdn.com/v4/letter/m/46a35a/32.png) [@masp](https://community.fibery.io/u/masp)\
**Post date:** [April 1, 2022, 11:48pm UTC](https://community.fibery.io/t/cant-remember-how-to-create-new-code-block-with-drop-down-language-selector-in-my-rich-text-fields/2676/1 "2022-04-01T23:48:28Z")

</div>

I must be doing something stupid but I can no longer create a new-format code block in my rich text fields: briefly I was able to create the “new” code blocks (with the full grey background and the drop-down language selector) but now I can only create the “old” code blocks (with the per-line orange background and no language selector): what did I forget?!

---

<div class="post-metadata">

**Author:** ![cannibalflea](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/cannibalflea/32/318_2.png) [@cannibalflea](https://community.fibery.io/u/cannibalflea)\
**Post date:** [April 3, 2022, 6:36pm UTC](https://community.fibery.io/t/cant-remember-how-to-create-new-code-block-with-drop-down-language-selector-in-my-rich-text-fields/2676/2 "2022-04-03T18:36:28Z")

</div>

There are two ways of doing it:

1. Use the “/” menu:

![image](https://us1.discourse-cdn.com/flex020/uploads/fibery/original/2X/3/355ae7e6cf3594b6f5bdc86f2f062ac5966c7250.png)

1. Use the keyboard shortcut **Ctrl+Alt+5**

Hope that answers your question 🙂

---

<div class="post-metadata">

**Author:** ![masp](https://avatars.discourse-cdn.com/v4/letter/m/46a35a/32.png) [@masp](https://community.fibery.io/u/masp)\
**Post date:** [April 4, 2022, 3:16pm UTC](https://community.fibery.io/t/cant-remember-how-to-create-new-code-block-with-drop-down-language-selector-in-my-rich-text-fields/2676/3 "2022-04-04T15:16:22Z")

</div>

Ah: of course!! I was totally blind to the fact that the code block in the contextual popup is different from the code block in the “/” menu! Thanks so much!!

---

<div class="post-metadata">

**Author:** ![uniquelau](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/uniquelau/32/3836_2.png) [@uniquelau](https://community.fibery.io/u/uniquelau)\
**Post date:** [April 30, 2022, 10:39am UTC](https://community.fibery.io/t/cant-remember-how-to-create-new-code-block-with-drop-down-language-selector-in-my-rich-text-fields/2676/4 "2022-04-30T10:39:50Z")

</div>

And the third way, a code block may also be initiated by typing 3 back ticks.

Little tip - If you use a code block at the end of the page, and you can’t figure out how to leave the block, hit “shift + enter” to return back to the normal page.

And there’s a nice ‘diff’ language feature, that allows you to do:

```auto
- Bring me Apples
+ Bring me Pears

```

---

<div class="post-metadata">

**Author:** ![Dimitri\_S](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/dimitri_s/32/1683_2.png) [@Dimitri\_S](https://community.fibery.io/u/Dimitri_S)\
**Post date:** [May 2, 2022, 6:44pm UTC](https://community.fibery.io/t/cant-remember-how-to-create-new-code-block-with-drop-down-language-selector-in-my-rich-text-fields/2676/5 "2022-05-02T18:44:55Z")

</div>

> [@uniquelau](#):
>
> If you use a code block at the end of the page, and you can’t figure out how to leave the block, hit “shift + enter” to return back to the normal page.

There used to be a hint for this but I think when they added the syntax highlighting it got undone.

> [@Elements / sections in Document view are too "sticky"](https://community.fibery.io/t/elements-sections-in-document-view-are-too-sticky/1848/5):
>
> Nice idea. It’s done

The Diff language is pretty neat but I can’t think of a use case for it. What do you use it for?

---

<div class="post-metadata">

**Author:** ![masp](https://avatars.discourse-cdn.com/v4/letter/m/46a35a/32.png) [@masp](https://community.fibery.io/u/masp)\
**Post date:** [May 2, 2022, 7:06pm UTC](https://community.fibery.io/t/cant-remember-how-to-create-new-code-block-with-drop-down-language-selector-in-my-rich-text-fields/2676/6 "2022-05-02T19:06:27Z")

</div>

I assume you would just paste in the output of the diff executable, and it would render it properly? Cute.

---

<div class="post-metadata">

**Author:** ![uniquelau](https://sea2.discourse-cdn.com/flex020/user_avatar/community.fibery.io/uniquelau/32/3836_2.png) [@uniquelau](https://community.fibery.io/u/uniquelau)\
**Post date:** [May 6, 2022, 8:04am UTC](https://community.fibery.io/t/cant-remember-how-to-create-new-code-block-with-drop-down-language-selector-in-my-rich-text-fields/2676/7 "2022-05-06T08:04:09Z")

</div>

Re: diff, we use it for a few different things, but a common non techy one is change _this_ to _that_.

```auto
- Little Company Inc
+ Growth By Acquisition Corporation

```
