How to add code blocks in the middle of the text

image
In the text you can see the word “editor” that is a code block between some text how do I replicate this/

In its simplest form you just do `editor`. Some other variations includes stuff like <code>editor</code> or even <code style="display: inline;" class="language-js">console.log('Hello world')</code> (for reading view, not live-preview).