[Bug]: Custom Attributes for table in editor.getHTML() String but not in content component (ProseMirror)

[hjerichen]

Which packages did you experience the bug in?

core, vue-2, extension-table, ...

What Tiptap version are you using?

2.3.0

What’s the bug you are facing?

I have extended table with custom attributes:

import { Table } from '@tiptap/extension-table'
import { Attributes } from '@tiptap/vue-2'

export const HtmlEditorTableExtension = Table.extend({
  addAttributes (): Attributes {
    /* istanbul ignore next */
    const fromParent = this.parent?.()
    return {
      ...fromParent,
      border: {
        default: null,
        keepOnSplit: true
      },
      cellpadding: {
        default: null,
        keepOnSplit: true
      },
      width: {
        default: null,
        keepOnSplit: true,
        parseHTML: element => element.style.width.replace(/['"]+/g, ''),
        renderHTML: attributes => attributes.width ? { style: `width: ${attributes.width}` } : {}
      }
    }
  }
})

This attributes are present in the HTML content via editor.getHTML() but in the rendered editor content component (ProseMirror) they are not. Therefore the editor is not showing the table correctly.

editor.getHTML():
<table border="1px" cellpadding="1" style="width: 300px; minWidth: 75px">

html in the content component:
<table style="min-width: 75px">

You can argue that border and cellpadding attributes are depreceated (I did that because of compatibility reasons), but what about the style attributes like width and such.

What browser are you using?

Chrome

Code example

No response

What did you expect to happen?

The table in the editor content component is rendered correctly (with custom attributes)

Anything to add? (optional)

No response

Did you update your dependencies?

• Yes, I’ve updated my dependencies to use the latest version of all packages.

Are you sponsoring us?

• Yes, I’m a sponsor. 💖