Add Code Block Medium? How to Format Code in Medium

Updated 9 November 2026 · Standard formula, shown below

Yes, you can add a code block to a Medium story using the editor’s code-formatting option, when that option is available in your writing interface. A code block displays text in a fixed-width style and preserves line breaks, making it useful for examples readers may want to inspect or copy.

What a Code Block Does in Medium

A code block separates a multi-line example from ordinary prose. Unlike inline code formatting, which is best for a short expression such as user_id, a block gives each line its own space and makes indentation easier to see. It can help with programming snippets, terminal commands, configuration examples, and other text where spacing matters.

Formatting does not necessarily mean the code is executable or validated. A Medium code block is primarily a way to present text in a story. Readers should not assume it runs, has been checked for errors, or is safe to copy just because it appears in a distinct style.

How to Add a Code Block

In the Medium editor, open a draft or create a story, then place the cursor where the example should appear. The exact editor controls can change, so look for the formatting menu or the insert options shown in your current interface.

Open the story in Medium’s writing editor and click in the body where the code should go.
Use the editor’s formatting or insert menu to choose a code-block option, if shown. In some editor layouts, selecting a line or opening its block controls reveals additional formatting choices.
Enter or paste the example into the block. Check that each line and indentation level appears as intended.
Click outside the block and preview the story. Review its appearance on a narrow screen as well as a desktop-sized view if possible.
Publish or save the draft only after checking that the example is complete and clearly labeled.

Medium’s controls may differ across devices, editor updates, or publishing workflows. If you cannot find a code-block control, check the editor’s current help information or try the desktop writing interface rather than assuming the feature is available in every version.

Code Block or Inline Code?

Choose the format based on how much text you need to show and whether line breaks are important:

Inline code: Use for a short name, command, value, or expression inside a sentence, such as “Set timeout to 30.”
Code block: Use for several lines, a complete short example, or text whose indentation and line structure matter.
Ordinary quotation or paragraph: Use for plain-text quotations that are not code and do not need code-style spacing.

Using a block for a single word can interrupt the flow of a paragraph. Conversely, putting a long, indented example inline makes it hard to read and may obscure where one line ends and another begins.

Preparing a Readable Example

A well-formatted block still needs context. Introduce the snippet with a sentence explaining what it demonstrates, and identify the language or environment where that matters. For example, a JavaScript example should not be presented as a shell command; a command intended for a particular operating system should be labeled so readers know where it applies.

Before adding a snippet, consider these practical checks:

Include only the lines needed to make the example understandable.
Keep indentation consistent, especially in languages where indentation affects structure.
Use a sentence before or after the block to explain important inputs, expected output, or limitations.
Remove private information such as passwords, access tokens, personal data, and internal server details.
Check punctuation and characters that can be confused, such as straight quotes versus typographic quotation marks.

Do not rely on color or syntax highlighting to communicate meaning. A block may appear differently in a preview, on mobile, or in another reading context. Labels and clear prose help readers understand the example even if the visual styling is minimal.

Common Problems and Workarounds

The code option is missing: The editor interface may have changed, or the option may be unavailable in the current workflow. Look through the block-formatting controls and consult Medium’s current editor guidance. Avoid following instructions for an old interface without checking whether its controls still exist.

Indentation disappears or looks uneven: Copying from a word processor or web page can introduce unusual spacing. Try pasting plain text, then re-indent the lines in the editor. Preview the finished story because the editing view may not show exactly how published text will look.

The example is too wide: Long lines may be awkward to read on a phone. Break lines where doing so preserves the example’s meaning, or trim unnecessary text. If a line cannot be shortened safely, explain that readers may need to scroll horizontally if the published layout provides that behavior.

Formatting changes after publishing: Review the published story rather than relying only on the draft view. If the block is damaged, edit the story and restore the intended line breaks and spacing. Keep a clean copy of the original snippet while editing.

Alternatives and Limitations

If the editor does not provide a code block, a plain-text block may be a fallback, but it may not preserve spacing reliably across devices. An image of code is another option for a visual demonstration, but it is harder for readers to copy, search, resize, and access with assistive technology. For text examples, a proper text block is generally more useful when available.

For a long tutorial, a large code listing can overwhelm the story. Consider showing only the relevant part and linking to a suitable public source when readers need the full project. Make sure the link is stable and that the story explains what readers will find there. Do not treat a link or formatted block as a substitute for explaining what the example does.

Frequently Asked Questions

Can I add a code block to a Medium story?
Yes, if the code-block formatting option appears in your editor. Use the editor’s formatting or insert controls, then preview the story to check the result.

How do I format one word as code?
Use inline code formatting for a short item within a sentence. Reserve a code block for multi-line examples or text where line breaks and indentation matter.

Does Medium run code in a code block?
No. A code block is a presentation format for text; it does not by itself execute, test, or verify the code.

Why can’t I find the code-block option?
The controls can vary with the editor layout and publishing workflow. Check the current formatting menu and Medium’s up-to-date editor help, or try another supported editor interface.

Can readers copy code from a Medium story?
They can usually select and copy visible text, but formatting and selection behavior may vary by device. Keep snippets concise and check that copying has not changed quotes, indentation, or line breaks.

Method: the standard formula for this calculation, rounded as each result states. See how the calculators work or report an error.