Can I change the tag name of a StarterKit paragraph?

[ryuhangyeong]

const editor = useEditor?.({
      extensions: [
        StarterKit.configure?.({
          paragraph: {
            HTMLAttributes: {
              tagName: "div", // ??
            },
          },
        }),
      ],
      content: editTipTapDataTextContent || "",
});

In my requirement I need to use div tag instead of p tag. Is there a way to translate it?

[ryuhangyeong]

Self Answer

#291

import Paragraph from "@tiptap/extension-paragraph";
import { mergeAttributes } from "@tiptap/core";

const editor = useEditor?.({
  extensions: [
    StarterKit.configure?.({}),
    Paragraph.extend({
      parseHTML() {
        return [{ tag: "div" }];
      },
      renderHTML({ HTMLAttributes }) {
        return [
          "div",
          mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
          0,
        ];
      },
    }),
  ],
});