How to get the font size and font family of the current selected text in TipTap?

[THPubs]

In TipTap how to get the attributes like font size and font family onSelectionUpdate? I'm trying to set the selected font in the font selection dropdown.

[deki23]

@THPubs
How did you manage to do it?

[martinmolema]

I have an array of fonts (listOfFontFamilies) that I check against the selection :

this.currentFontFamily = this.listOfFontFamilies.find(font => this.editor.isActive('textStyle', {fontFamily: font})) || '';

Also see the warning (https://tiptap.dev/docs/editor/extensions/functionality/fontfamily ) : Be aware that editor.isActive('textStyle', { fontFamily: 'Font Family' }) will return the font family as set by the browser's CSS rules and not as you would have expected when setting the font family.