---
title: "Italic Inline Tool — Emphasised Text"
description: "Italicise a selection from the inline toolbar or with Cmd/Ctrl+I, and the markup it writes into block text."
source: https://blokeditor.com/docs/italic/
lastmod: 2026-09-07
---

Framework JavaScript

Inline Tools Italic

# Italic: emphasised text in Blok

Wraps selected text in `<i>` (pasted `<em>` is also preserved). Activated with Cmd/Ctrl+I or by clicking the I button in the inline toolbar.

### Import

TypeScript

```
import { Italic } from '@bloklabs/core/tools';
```

### Save Data

TypeScript

```
// Stored as HTML inside the block's text field.
// "Hello <i>world</i>"
```

JSON

```
{
  "type": "paragraph",
  "data": { "text": "Hello <i>world</i>" }
}
```

### Usage Example

TypeScript

```
import { Blok } from '@bloklabs/core';
import { Italic, Paragraph } from '@bloklabs/core/tools';

const editor = new Blok({
  holder: 'editor',
  tools: {
    // Paragraph is the default block and is not bundled with the core —
    // without it the editor starts with an "unsupported block" stub.
    paragraph: Paragraph,
    italic: Italic,
  },
});
```