how to Serialize lexical editor in payloadcms?

dasmergolast year

8

• 

  linobino1last year

  You should call the serializer in your frontend. It's meant to serialize the data of a lexical field to html.

• 

  alessiogr

  last year

  What linobino1 said! An alternative solution would be serializing it directly in an AfterRead hook, so that you won't have to do it in the front end anymore / so that the frontend receives the full html string.

  
  
  

  Just gotta make sure not to do that for admin panel visits & only for API calls though, as that would unnecessary slow down the admin panel

• 

  58bitslast year

  @dasmergo Is your front end React? If so this might help....

  https://gist.github.com/58bits/a6dc5d7d2f7297c6816deb2131835c14
  

  
  

  It will be included in the Lexical plugin for Payload soon.

• 

  dasmergolast year

  thanks for your response, I'm using the mighty 😄 NextJS

  
  

  
  

  i think there is no difference for this purpose

• 

  58bitslast year

  It will be there as an example React serializer that you can use in any React frontend.

• 

  dasmergolast year

  nice

• 

  58bitslast year

  @dasmergo The example ReactSerializer can be found here...

  https://github.com/AlessioGr/payload-plugin-lexical/tree/develop/serialize-example

  - although not 100% complete, it might help in getting started.

• 

  dasmergolast year

  thanks