How to set background color for table cell?

1

Hi! I am trying to add

background color feature to TipTap editor and What I got is: 42

I’ve found some methods in dos that looks like I should use ( selectParentNode, setCellAttr), but I don’t know how to use it.

How I should work with the issue? Maybe I have not understood the way how the Editor works and I am trying wrong way?

Thank you in advance.

import { toggleMark } from “tiptap-commands”; import { Mark } from “tiptap”;

export class CellBgColor extends Mark {
  get name() {
    return "cellbgcolor";
  }

  get schema() {
    return {
      attrs: {
        background: {
          default: "yellow"
        }
      },
      parseDOM: [
        {
          tag: "td"
        },
        {
          style: "background",
          getAttrs(value) {
            return { background: value };
          }
        }
      ],
      toDOM: mark => [
        "td",
        { style: `background-color: ${mark.attrs.background}` },
        0
      ]
    };
  }

  commands({ type }) {
    return attrs => {
      return toggleMark(type);
    };
  }
}