探索 Tiptap V3 的最新功能

斜体扩展

版本下载次数

使用此扩展以 斜体 形式呈现文本。如果您在编辑器的初始内容中传递 <em><i> 标签或带有 style 属性设置为 font-style: italic 的文本,它们都将被相应地渲染。

输入 *一个星号*_一个下划线_,当您输入时它将神奇地转换为 斜体 文本。

限制

该扩展将在读取 Editor 实例的内容时生成相应的 <em> HTML 标签。所有标记为斜体的文本,无论使用何种方法,都将被规范化为 <em> HTML 标签。

安装

npm install @tiptap/extension-italic

设置

HTMLAttributes

应该添加到渲染的 HTML 标签中的自定义 HTML 属性。

Italic.configure({
  HTMLAttributes: {
    class: 'my-custom-class',
  },
})

命令

setItalic()

将文本标记为斜体。

editor.commands.setItalic()

toggleItalic()

切换斜体标记。

editor.commands.toggleItalic()

unsetItalic()

移除斜体标记。

editor.commands.unsetItalic()

快捷键

命令Windows/LinuxmacOS
toggleItalic()Control + ICmd + I

源代码

packages/extension-italic/