项目

描述: 记录光标的位置,并向用户显示你已知其位置。 图标: focus-line

tiptap 聚焦

版本 下载量

Focus 扩展为聚焦的节点添加 CSS 类。默认情况下添加的是 .has-focus ,但你可以自定义。

注意这只是个类,样式完全取决于你自己。下面的使用示例包含了一些针对该类的 CSS。

安装

npm install @tiptap/extension-focus

配置

className

应用于聚焦元素的类名。

默认值: 'has-focus'

Focus.configure({
  className: "focus",
});

mode

将类应用到 'all''shallowest''deepest' 节点上。

默认值: 'all'

Focus.configure({
  mode: "deepest",
});

源代码

packages/extension-focus/

使用示例

查看演示

在本文档中