Underline extension

Draw attention with underlined text. Traditional emphasis technique, automatically applied to links.

OOXML Structure

<w:r>
  <w:rPr>
    <w:u w:val="single"/>
  </w:rPr>
  <w:t>Underlined text</w:t>
</w:r>

Use case

Legal documents - Emphasize terms and conditions
Forms - Indicate fill-in areas: _____________
Headings - Alternative to bold
Links - Automatic with hyperlinks
Emphasis - Triple emphasis with bold + italic + underline

Options

Configure the extension behavior:

htmlAttributes

Object

default:"{}"

HTML attributes for underline elements

Attributes

Mark attributes that can be set and retrieved:

underlineType

UnderlineConfig

default:"single"

Style of underline

underlineColor

string

Color of the underline (hex color value)

Commands

`setUnderline`

Apply underline formatting Example:

editor.commands.setUnderline()

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

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

Returns: Function Command

`unsetUnderline`

Remove underline formatting Example:

editor.commands.unsetUnderline()

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

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

Returns: Function Command

`toggleUnderline`

Toggle underline formatting Example:

editor.commands.toggleUnderline()

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

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

Returns: Function Command

Keyboard shortcuts

Command	Shortcut	Description
toggleUnderline()	`⌘/Ctrl-u`	Toggle underline formatting
toggleUnderline()	`⌘/Ctrl-U`	Toggle underline formatting (uppercase)

Types

`UnderlineConfig`

Underline style configuration

Show Properties

value

any | any | any | any | any | any

required

Style variant

Getting Started

Editor

Document Engine

AI

Solutions

Resources

Underline extension

OOXML Structure

Use case

Options

Attributes

Commands

`setUnderline`

`unsetUnderline`

`toggleUnderline`

Keyboard shortcuts

Types

`UnderlineConfig`

Source code

​OOXML Structure

​Use case

​Options

​Attributes

​Commands

​setUnderline

​unsetUnderline

​toggleUnderline

​Keyboard shortcuts

​Types

​UnderlineConfig

​Source code

OOXML Structure

Use case

Options

Attributes

Commands

`setUnderline`

`unsetUnderline`

`toggleUnderline`

Keyboard shortcuts

Types

`UnderlineConfig`

Source code