# TextStyleKit · 文字样式预设

组合 TextStyle 与字体、字号、颜色、底色、间距、语言及上下标等扩展。它不包含 Highlight，也不自动下载字体。

组合 TextStyle 与字体、字号、颜色、底色、间距、语言及上下标等扩展。它不包含 Highlight，也不自动下载字体。

`@quirekit/extension-text-style` · **MIT**

## 编辑器适用范围
层次：**共享文档能力**
| 编辑器 | 状态 | 所需装配与边界 |
| --- | --- | --- |
| Classic | 需适配 | [ClassicEditorFormatting](/plugins/reference/classic-editor-formatting) — Classic 通过 ClassicEditorFormatting 装配文字样式和产品控件。沿用默认预设，按适配器的字段配置；不要把整个 TextStyleKit 再重复追加。 |
| Block | 直接支持 | [createBlockEditorPreset](/plugins/reference/create-block-editor-preset) — createBlockEditor 默认预设已装配此能力。通过 preset 中对应子项配置；图形编辑使用预设注入的工作区，宿主仍负责保存和资源。不要重复安装同名扩展。 |

“直接支持”指已有上述产品装配；具体交互、宿主服务和格式支持仍有各自条件。[状态与接入规则](/plugins/compatibility)。许可独立显示。

## 接入

```sh
pnpm add @quirekit/extension-text-style@alpha
```

在创建 Editor 时放入 `extensions`。挂载容器、视图和保存由宿主提供，见[快速开始](/guide/quick-start)。

```ts
import { TextStyleKit } from '@quirekit/extension-text-style'

const styles = TextStyleKit.configure({ backgroundColor: false })
```

安装时按包声明选择兼容版本，外部可用版本以分发源为准。本站使用工作区 Alpha；许可标签来自入口所属包，使用条件见[支持与许可](/support)。

## 按编辑器接入

以下片段沿用已挂载的宿主元素 `element`，宿主负责容器尺寸与保存；退出页面时调用 `instance.destroy()`。已有预设装配的能力不要再重复追加；需要宿主端口的入口应先完成下方配置。

### Classic

Classic 通过 ClassicEditorFormatting 装配文字样式和产品控件。沿用默认预设，按适配器的字段配置；不要把整个 TextStyleKit 再重复追加。

[ClassicEditorFormatting](/plugins/reference/classic-editor-formatting)

```ts
import { createClassicEditor } from '@quirekit/classic-editor'
import '@quirekit/classic-editor/styles.css'

const instance = createClassicEditor({ element })
```

### Block

createBlockEditor 默认预设已装配此能力。通过 preset 中对应子项配置；图形编辑使用预设注入的工作区，宿主仍负责保存和资源。不要重复安装同名扩展。

[createBlockEditorPreset](/plugins/reference/create-block-editor-preset)

```ts
import { createBlockEditor } from '@quirekit/block-editor'
import '@quirekit/block-editor/styles.css'

const instance = createBlockEditor({
  element,
  content: { type: 'doc', content: [{ type: 'paragraph' }] },
})
```

## 配置

下面是扩展自身的默认选项。预设可以覆盖这些值；它们不等于当前文档属性。配置方法见[配置插件](/plugins/configuration)。

### doubleStrike

配置 DoubleStrike 子扩展；允许 false 时可关闭此项。

类型：`false | Partial<DoubleStrikeOptions>`

默认：`{}`

子扩展的具体选项见 [DoubleStrike](/plugins/reference/double-strike)。是否可以设为 false，以本字段类型为准。

### superscript

配置 Superscript 子扩展；允许 false 时可关闭此项。

类型：`false | Partial<ScriptPositionOptions>`

默认：`{}`

子扩展的具体选项见 [Superscript](/plugins/reference/superscript)。是否可以设为 false，以本字段类型为准。

### subscript

配置 Subscript 子扩展；允许 false 时可关闭此项。

类型：`false | Partial<ScriptPositionOptions>`

默认：`{}`

子扩展的具体选项见 [Subscript](/plugins/reference/subscript)。是否可以设为 false，以本字段类型为准。

### fontFamily

配置 FontFamily 子扩展；允许 false 时可关闭此项。

类型：`false | Partial<TextStyleAttributeExtensionOptions>`

默认：`{}`

子扩展的具体选项见 [FontFamily](/plugins/reference/font-family)。是否可以设为 false，以本字段类型为准。

### color

链接显示颜色；文字前景色扩展则通过命令设置具体颜色。此配置不改变链接目标。

类型：`false | Partial<TextStyleAttributeExtensionOptions>`

默认：`{}`

子扩展的具体选项见 [Color](/plugins/reference/color)。是否可以设为 false，以本字段类型为准。

### backgroundColor

配置 BackgroundColor 子扩展；允许 false 时可关闭此项。

类型：`false | Partial<TextStyleAttributeExtensionOptions>`

默认：`{}`

子扩展的具体选项见 [BackgroundColor](/plugins/reference/background-color)。是否可以设为 false，以本字段类型为准。

### fontSize

配置 FontSize 子扩展；允许 false 时可关闭此项。

类型：`false | Partial<TextStyleAttributeExtensionOptions>`

默认：`{}`

子扩展的具体选项见 [FontSize](/plugins/reference/font-size)。是否可以设为 false，以本字段类型为准。

### letterSpacing

配置 LetterSpacing 子扩展；允许 false 时可关闭此项。

类型：`false | Partial<TextStyleAttributeExtensionOptions>`

默认：`{}`

子扩展的具体选项见 [LetterSpacing](/plugins/reference/letter-spacing)。是否可以设为 false，以本字段类型为准。

### language

配置 Language 子扩展；允许 false 时可关闭此项。

类型：`false | Partial<TextStyleAttributeExtensionOptions>`

默认：`{}`

子扩展的具体选项见 [Language](/plugins/reference/language)。是否可以设为 false，以本字段类型为准。

### textStyle

配置 TextStyle 子扩展；允许 false 时可关闭此项。

类型：`false | Partial<TextStyleOptions>`

默认：`{}`

子扩展的具体选项见 [TextStyle](/plugins/reference/text-style)。是否可以设为 false，以本字段类型为准。

## 命令与运行方式

此入口没有直接声明可枚举的命令。组合扩展的命令由子扩展提供；产品插件通过 contribution 或文件服务工作。不能把安装入口名称当作命令调用。

## 其他公开入口

- `textStyleKitExtension` · `@quirekit/extension-text-style`

## 下一步

返回[全部插件](/plugins)，或阅读[配置插件](/plugins/configuration)区分配置、文档属性与命令。

自己定义能力时见[扩展开发](/build/extension)；搭建完整宿主时见[构建产品](/build)。