tiptap 斜体标记

使用此扩展在文本中渲染斜体。如果你在编辑器初始内容中提供了 <em>、<i> 标签，或者带有 style 属性并设置了 font-style: italic 的文本，它们都会被正确渲染。

当你输入 *one asterisk* 或 _one underline_ 时，它会实时转化为斜体文本。

警告 限制当读取 Editor 实例的内容时，扩展会生成相应的 <em> HTML 标签。无论使用何种方法标记的斜体文本，最终都会被标准化为<em>标签。

安装

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();

快捷键

源代码

packages/extension-italic/

使用示例

Tiptap 在线预览 - 斜体