richtext internal link is not working

bhavikak

6 months ago

39

• 

  patrikkozak

  Payload Team

  5 months ago

  Hey @bhavikak, would love to help here. Could you show me how you are generating your html for your richtext content on the front-end?

  
  
  

  You can find more information on how to get your richtext rendering on the front-end here:

  https://payloadcms.com/docs/fields/rich-text#generating-html
  
  

  Also, here is how we are setting up our RichText field on our website cms, as well as, how we then render our richtext on the front-end of our website:

  
  

  -

  https://github.com/payloadcms/website-cms/tree/main/src/fields/richText
  

  -

  https://github.com/payloadcms/website/tree/main/src/components/RichText
  
  

  In the above example, we are rendering link options for internal links & custom urls. Let me know if this helps! If you have any other questions or want to send me what your configuration is looking like, I'd be happy to take a look!

• 

  bhavikak

  5 months ago

  thanks @patrikkozak for detailed reference. i'll try with this example.

  
  

  
  

  hello @patrikkozak when i'm giving a internal link to the text it store only this "doc": {

  
  

  "value": "64104734ff4d723aa221d90d",

  
  

  "relationTo": "subpages"

  
  

  },

  
  

  
  

  how can i get slug

• 

  patrikkozak

  Payload Team

  5 months ago

  doc

  should be returning

  value

  and

  relationTo

  . However,

  value

  should be returning an object of the documents data that you are linking to - including the slug.

  
  
  

  e.g.

  value

  object should look something like this:

  
  
  

  "value": {

  
  

  "id": "64398f0d37313dd53aac55c0",

  
  

  "title": "Example Page",

  
  

  "fullTitle": "Example Page",

  
  

  "hero": {},

  
  

  "layout": [],

  
  

  "slug": "example-page",

  
  

  "meta": {},

  
  

  "breadcrumbs": [],

  
  

  "_status": "published",

  
  

  "createdAt": "2023-04-14T17:36:13.480Z",

  
  

  "updatedAt": "2023-04-14T17:36:13.712Z"

  
  

  },

  
  
  

  What does your richtext config look like? And what does your richtext component look like on the front-end?

• 

  jmikrut

  Payload Team

  5 months ago

  this is probably an access control issue

  
  

  
  

  your

  subpage

  is not populating. are you using

  depth

  ? is this the REST API or GraphQL? if you are using depth properly, you should make sure that you have

  read

  access to your subpages collection

• 

  bhavikak

  5 months ago

  heyy @jmikrut i add maxdepth = 5 in payload.config.ts but it's not work

  
  

  
  

  and also i have a read access of subpages collection.

  
  

  
  

  access: {

  
  

  read: anyone,

  
  

  create: adminsAndUser,

  
  

  update: adminsAndUser,

  
  

  delete: admins,

  
  

  }, this is my access control for subpages collection

  
  

  
  

  @patrikkozak thi is my richtext config look like

  
  

  
  

  and my frontend richtext component look like

  
  

  
  

  
  

  
  

  

  index.tsx

  serialize.tsx
• 

  jmikrut

  Payload Team

  5 months ago

  @bhavikak it's not

  maxDepth

  that would do this - it would be just straight up

  depth
  

  
  

  maxDepth limits the total depth available for the field but you still need to pass

  depth

  , which defaults to 2

  
  

  
  

  i take it you're seeing this behavior in the REST API?

• 

  bhavikak

  5 months ago

  i also added in rest api but it's not working

  
  

  
  

  like this

  http://localhost:8000/api/subpages/642e8045da4d9e94077bcedc?draft=true&&depth=10
  

  
  

  @jmikrut can you tell me where i have to add depth config.

• 

  jmikrut

  Payload Team

  5 months ago

  ok - your query is correct then, and you need to look at access control

  
  

  
  

  if access control does not pass for the "populated" documents, then it will remain as the ID only

• 

  bhavikak

  5 months ago

  can you tell me how can i pass access control for the populated documents.

• 

  jmikrut

  Payload Team

  5 months ago

  that depends on your

  read

  access control itself

  
  

  
  

  just to be clear, above, you said that your subpages collection has this access control:

  
  

  
  

  read: anyone,

  
  

  
  

  what is in the

  anyone

  function?

• 

  bhavikak

  5 months ago

  
  

  
  

  heyy @jmikrut this is my anyone hook

  anyone.ts
• 

  jmikrut

  Payload Team

  5 months ago

  ok then it should not be access control that is preventing this after all

  
  

  
  

  we will likely need a minimally reproducible repo to help diagnose this further

  
  

  
  

  you should start with a fresh project, with open access control, and see that it is working

  
  

  
  

  and then add in your own code until it

  stops

  working

  
  

  
  

  and then we can help from there

  
  

  
  

  this does indeed work (we use it all the time) so it's got to be something with your implementation

• 

  bhavikak

  5 months ago

  can you tell me my hook is correct or not.

• 

  jmikrut

  Payload Team

  5 months ago

  you mean your access control?

  
  

  
  

  your access control is correct

• 

  bhavikak

  5 months ago

  okay