tiptap 字符计数

CharacterCount 扩展限制允许的字符长度，并能返回字符和单词的数量。就这么简单。

安装

npm install @tiptap/extension-character-count

配置

limit

应允许的最大字符数。

默认值: null

CharacterCount.configure({
  limit: 240,
});

mode

计算大小的方式。

默认值: 'textSize'

CharacterCount.configure({
  mode: "nodeSize",
});

存储

characters()

获取当前文档的字符数。

editor.storage.characterCount.characters();

// 获取特定节点的字符数。
editor.storage.characterCount.characters({ node: someCustomNode });

// 覆盖默认的 `mode`。
editor.storage.characterCount.characters({ mode: "nodeSize" });

words()

获取当前文档的单词数。

editor.storage.characterCount.words();

// 获取特定节点的单词数。
editor.storage.characterCount.words({ node: someCustomNode });

源码

packages/extension-character-count/

使用示例

https://embed.tiptap.dev/preview/Extensions/CharacterCount