'use client'

import { Mark, mergeAttributes } from '@tiptap/core'

export const ContentEditorUnderline = Mark.create({
  name: 'underline',

  parseHTML() {
    return [{ tag: 'u' }]
  },

  renderHTML({ HTMLAttributes }) {
    return ['u', mergeAttributes(HTMLAttributes), 0]
  },

  markdownOptions: {
    htmlReopen: {
      open: '<u>',
      close: '</u>'
    }
  },

  renderMarkdown: (node, helpers) => {
    return `<u>${helpers.renderChildren(node)}</u>`
  }
})