@tiptap/extension-character-count

Basic Character Count

This feature allows you to configure a character count limit for the Tiptap editor. The example sets a limit of 200 characters.

const characterCount = CharacterCount.configure({ limit: 200 });

Display Character Count

This feature demonstrates how to initialize the Tiptap editor with the CharacterCount extension and retrieve the current character count from the editor's content.

const editor = new Editor({ extensions: [CharacterCount], content: '<p>Hello World!</p>' }); const characterCount = editor.storage.characterCount.characters();

Character Count with Warning

This feature configures the character count extension to provide a warning when the character limit is approached. The example sets a limit of 200 characters and enables warning mode.

const characterCount = CharacterCount.configure({ limit: 200, mode: 'warning' });