Tiptap RTE: support for extension config

[Fuasmattn]

hey there 👋
I recently migrated to Tiptap as main RTE and got the requirement of providing a character limit to the editors. The already enabled statusbar extension @tiptap/extension-character-count is serving well, however, I cannot provide any additional options to it. Specifically, I'd like to configure a character limit on the extension.

So my main questions are:

1. Is there a way to provide options to tiptap extensions already registered within @umbraco-cms/backoffice?
2. When providing any tiptap extension myself, how can this extension be configured? (see example below)

import { UmbTiptapExtensionApiBase } from '@umbraco-cms/backoffice/tiptap';
import { CharacterCount } from '@tiptap/extension-character-count';

export default class UmbTiptapCharacterCountExtensionApi extends UmbTiptapExtensionApiBase {
    getTiptapExtensions = () => [CharacterCount.configure({ limit: 140 })];
}

This doesn't seem to work, and I'm wondering whether it's on me or the CharacterCount extension already being registered in the backoffice.

[leekelleher]

@Fuasmattn Good questions.

For question 1, it currently isn't possible to configure (or reconfigure) an extension. The current way would be unregister (exclude or overwrite) the Umbraco extension, (in this case the "Umb.Tiptap.WordCount" manifest), and register your own to replace it.

There are some docs on this:
https://docs.umbraco.com/umbraco-cms/customizing/extending-overview/extension-registry/replace-exclude-or-unregister

For question 2, that's exactly how to configure it, (in the getTiptapExtensions registration).
That's how we do it in the core, e.g. https://github.com/umbraco/Umbraco-CMS/blob/release-15.4.3/src/Umbraco.Web.UI.Client/src/packages/tiptap/extensions/core/link.tiptap-api.ts