---
title: "Code extension"
description: "Use the Code extension in your Tiptap Editor to add inline code to your texts. Learn more in our docs!"
canonical_url: "https://tiptap.dev/docs/editor/extensions/marks/code"
---

# Code extension

Use the Code extension in your Tiptap Editor to add inline code to your texts. Learn more in our docs!

The Code extensions enables you to use the `<code>` HTML tag in the editor. If you paste in text with `<code>` tags it will rendered accordingly.

Type something with \`back-ticks around\` and it will magically transform to `inline code` while you type.

> **Interactive demo:** [Code](https://embed.tiptap.dev/preview/Marks/Code)

## Install

```bash
npm install @tiptap/extension-code
```

## Settings

### HTMLAttributes

Custom HTML attributes that should be added to the rendered HTML tag.

```js
Code.configure({
  HTMLAttributes: {
    class: 'my-custom-class',
  },
})
```

## Commands

### setCode()

Mark text as inline code.

```js
editor.commands.setCode()
```

### toggleCode()

Toggle inline code mark.

```js
editor.commands.toggleCode()
```

### unsetCode()

Remove inline code mark.

```js
editor.commands.unsetCode()
```

## Keyboard shortcuts

| Command      | Windows/Linux | macOS   |
| ------------ | ------------- | ------- |
| toggleCode() | Control + E   | Cmd + E |

## Source code

[packages/extension-code/](https://github.com/ueberdosis/tiptap/blob/main/packages/extension-code/)