Italic extension

Add subtle emphasis with italic styling.

Classic slanted text for emphasis, thoughts, or citations.

OOXML Structure

<w:r>
  <w:rPr>
    <w:i/>
  </w:rPr>
  <w:t>Italic text</w:t>
</w:r>

Use case

• Emphasis - Softer than bold
• Foreign words - Lorem ipsum, c’est la vie
• Thoughts - Internal dialogue or asides
• Citations - Book titles, publications
• Technical terms - First usage of terminology

Commands

setItalic

Apply italic formatting to the current selection.

Usage

editor.commands.setItalic()

import { SuperDoc } from 'superdoc';
import 'superdoc/style.css';

const superdoc = new SuperDoc({
  selector: '#editor',
  document: yourFile,
  onReady: (superdoc) => {
    const editor = superdoc.activeEditor;
    editor.commands.setItalic();
  },
});

unsetItalic

Remove italic formatting from the current selection.

Usage

editor.commands.unsetItalic()

import { SuperDoc } from 'superdoc';
import 'superdoc/style.css';

const superdoc = new SuperDoc({
  selector: '#editor',
  document: yourFile,
  onReady: (superdoc) => {
    const editor = superdoc.activeEditor;
    editor.commands.unsetItalic();
  },
});

toggleItalic

Toggle italic formatting on the current selection.

Usage

editor.commands.toggleItalic()

import { SuperDoc } from 'superdoc';
import 'superdoc/style.css';

const superdoc = new SuperDoc({
  selector: '#editor',
  document: yourFile,
  onReady: (superdoc) => {
    const editor = superdoc.activeEditor;
    editor.commands.toggleItalic();
  },
});

Keyboard shortcuts

Command	Shortcut	Description
toggleItalic()	⌘/Ctrl-i	Toggle italic formatting
toggleItalic()	⌘/Ctrl-I	Toggle italic formatting (uppercase)

Source code