mirror of
https://github.com/ueberdosis/tiptap.git
synced 2024-12-16 19:57:48 +08:00
35 lines
1.2 KiB
Markdown
35 lines
1.2 KiB
Markdown
---
|
||
description: Useless extension, just adds <span> tags (required by other extensions though).
|
||
icon: palette-line
|
||
---
|
||
|
||
# TextStyle
|
||
[](https://www.npmjs.com/package/@tiptap/extension-text-style)
|
||
[](https://npmcharts.com/compare/@tiptap/extension-text-style?minimal=true)
|
||
|
||
This mark renders a `<span>` HTML tag and enables you to add a list of styling related attributes, for example font-family, font-size, or color. The extension doesn’t add any styling attribute by default, but other extensions use it as the foundation, for example [`FontFamily`](/api/extensions/font-family) or [`Color`](/api/extensions/color).
|
||
|
||
## Installation
|
||
```bash
|
||
# with npm
|
||
npm install @tiptap/extension-text-style
|
||
|
||
# with Yarn
|
||
yarn add @tiptap/extension-text-style
|
||
```
|
||
|
||
## Commands
|
||
|
||
### removeEmptyTextStyle()
|
||
Remove `<span>` tags without an inline style.
|
||
|
||
```js
|
||
editor.command.removeEmptyTextStyle()
|
||
```
|
||
|
||
## Source code
|
||
[packages/extension-text-style/](https://github.com/ueberdosis/tiptap/blob/main/packages/extension-text-style/)
|
||
|
||
## Usage
|
||
https://embed.tiptap.dev/preview/Marks/TextStyle
|