Files
payload/test
Alessio Gravili bffd98f019 feat(richtext-lexical): lexical => JSX converter (#8795)
Example:

```tsx
import React from 'react'
import {
  type JSXConvertersFunction,
  RichText,
} from '@payloadcms/richtext-lexical/react'

const jsxConverters: JSXConvertersFunction = ({ defaultConverters }) => ({
  ...defaultConverters,
  blocks: {
      // myTextBlock is the slug of the block
      myTextBlock: ({ node }) => <div style={{ backgroundColor: 'red' }}>{node.fields.text}</div>,
   },
})

export const MyComponent = ({ lexicalContent }) => {
  return (
    <RichText
      converters={jsxConverters}
      data={data.lexicalWithBlocks as SerializedEditorState}
    />
  )
}
```
2024-11-26 22:40:24 +00:00
..
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-10-30 17:56:50 +00:00
2024-08-13 12:54:33 -04:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-07-23 13:44:44 -04:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-05-25 15:45:05 +00:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00
2024-11-11 13:59:05 -05:00