tiptap/docs/api/extensions/typography.md

description
The typography smart ass for your editor, replaces everything that’s wrong.

Typography

This extension tries to help with common text patterns with the correct typographic character. Under the hood all rules are input rules.

Installation

# with npm
npm install @tiptap/extension-typography

# with Yarn
yarn add @tiptap/extension-typography

Rules

Name	Description
emDash	Converts double dashes -- to an emdash —.
ellipsis	Converts three dots ... to an ellipsis character …
openDoubleQuote	“Smart” opening double quotes.
closeDoubleQuote	“Smart” closing double quotes.
openSingleQuote	‘Smart’ opening single quotes.
closeSingleQuote	‘Smart’ closing single quotes.
leftArrow	Converts <‐ to an arrow ← .
rightArrow	Converts ‐> to an arrow →.
copyright	Converts (c) to a copyright sign ©.
registeredTrademark	Converts (r) to registered trademark sign ®.
trademark	Converts (tm) to registered trademark sign ™.
oneHalf	Converts 1/2 to one half ½.
oneQuarter	Converts 1/4 to one quarter ¼.
threeQuarters	Converts 3/4 to three quarters ¾.
plusMinus	Converts +/- to plus/minus sign ±.
notEqual	Converts != to a not equal sign ≠.
laquo	Converts << to left-pointing double angle quotation mark «.
raquo	Converts >> to right-pointing double angle quotation mark ».
multiplication	Converts 2 * 3 or 2x3 to a multiplcation sign 2×3.
superscriptTwo	Converts ^2 a superscript two ².
superscriptThree	Converts ^3 a superscript three ³.

Keyboard shortcuts

Command	Windows/Linux	macOS
undoInputRule()	Backspace	Backspace

Source code

packages/extension-typography/

Usage