How change md style

[faye1225]

I'd like to make some adjustments for the editor style. h3, p, blockquote tags, etc. The tech stack I'm using is nextjs+ts+tailwindcss

My code looks like this, but it doesn't work. How should I change it properly?

import { Editor } from 'novel'
import { Node } from '@tiptap/core'

const CustomBlockquote = Node.create({
  name: 'blockquote',
  addOptions() {
    return {
      HTMLAttributes: {
        class: 'border-l-1 '
      }
    }
  }
})

export const NovelEditor = (props: NovelEditorProps) => {
  return (
    <Editor
      defaultValue={props.defaultValue}
      disableLocalStorage
      extensions={[CustomBlockquote]}
    />
  )
}

[mansidak]

Hey @faye1225! Did you ever figure this out? Stuck on somethign similar.

[andrewdoro]

You can now customize each extension https://novel.sh/docs/guides/tailwind/extensions