How to add lexical plugins to the richText editor

snailedlt2 years ago

14

• 

  markatomniux2 years ago

  Haha this plugin is a legend, something we all want but we can't seem to have

• 

  weetikveelman2 years ago

  the one we need but do not deserve

  
  
  

  😔

• 

  arinji.2 years ago

  @290479081865084929

  did you find any way to do tables in payload 2?

  
  
  https://github.com/AlessioGr/payload-plugin-lexical?tab=readme-ov-file
  

  This dosent seem to install on payload version 2.0.0

  
  
  

  is it a planed feature?

  
  
  

  or is there another tables plugin

• 

  snailedlt2 years ago

  Nope, we scrapped the feature for now. Hope the devs add a table feature soon tho

• 

  arinji.2 years ago

  Yea, just doing rows and columns arrays for now

• 

  snailedlt2 years ago

  If you're implementing that, could you please upload the code for the converter somewhere? Would love more insight into how the converter feature works

• 

  arinji.2 years ago

  im converting the json in my frontend, do you wanna see that code?

• 

  snailedlt2 years ago

  yes please! 😄

  
  
  @890486507872342027

  I'll just tag you in case you missed my answer 🙂

• 

  arinji.2 years ago

  Oh my bad, i did miss it.

  
  
  

  We just did a normal text area

  
  
  

  the rows and colums thing was to slow

  
  
  

    let table: [][] = node.fields.content.split("\n").map((row: string) => {
      return row.split("|").map((cell: string) => {
        return cell;
      });
    });

• 

  snailedlt2 years ago

  ahh, okey

  
  
  

  so that's using a text area instead of a richText field with blocks then?

• 

  arinji.2 years ago

  yea

  
  
  

  it was to slow to use rows and cols blocks. So we decided to use text area till tables are supported

• 

  snailedlt2 years ago

  understandable

  
  
  

  do you still have the code for the converter tho?

  
  
  @890486507872342027

  🙂

• 

  arinji.2 years ago

  i copied this one, one sec

  
  
  https://github.com/tyteen4a03/payload-lexical-renderer-example/blob/main/lexical/serializeLexical.tsx
• 

  snailedlt2 years ago

  Thanks a bunch!