Nested internal linking

[quentinglorieux]

Hi there,

Is there a way to do nested internal linking ?
I explain: i create a link about a paragraph with a M2A field and I need a link for a single word in this paragraph to a different post ID.
Any idea ?
Thanks

Quentin

[formfcw]

Hello, thanks for your question! I am afraid I don’t understand your use case. Can you explain in more detail? With images, etc.?

[quentinglorieux]

Hi there
Thats a quick reply ! Thanks !

So lets look at this :

I have this content with a link to a post [1].

However now I want to select the word tempus and link it to post [2].

this means in term of JSON:
"content": [
{
"type": "text",
"text": "Vestibulum a ac ultricies sapien mauris labore erat faucibus eiusmod vel aliqua. "
},
{
"type": "text",
"marks": [
{
"type": "relation-mark",
"attrs": {
"id": "7560fef3-51a9-4d45-958c-6b487f6162ee",
"junction": "sources_editor_nodes",
"collection": "related_comments",
"noRelatedItem": null
}
}
],
"text": "Non massa tempus [NESTED HERE] pellentesque hendrerit lobortis convallis laoreet"
},

[quentinglorieux]

I can obviously do somehting like this

"content": [
{
"type": "text",
"text": "Vestibulum a ac ultricies sapien mauris labore erat faucibus eiusmod vel aliqua. "
},
{
"type": "text",
"marks": [
{
"type": "relation-mark",
"attrs": {
"id": "325dd025-eafd-492c-98b8-4b96442cb98b",
"junction": "sources_editor_nodes",
"collection": "related_comments",
"noRelatedItem": null
}
}
],
"text": "Non massa "
},
{
"type": "text",
"marks": [
{
"type": "relation-mark",
"attrs": {
"id": "01c434f1-4050-41d4-8aa5-43eaf743b358",
"junction": "sources_editor_nodes",
"collection": "related_comments",
"noRelatedItem": null
}
}
],
"text": "tempus"
},
{
"type": "text",
"marks": [
{
"type": "relation-mark",
"attrs": {
"id": "03fbbe87-191a-459a-a135-50a26ab8d5d6",
"junction": "sources_editor_nodes",
"collection": "related_comments",
"noRelatedItem": null
}
}
],
"text": " pellentesque hendrerit lobortis convallis "
},
{
"type": "text",
"text": "laoreet do dapibus vitae suspendisse."
}

However, in this approach I have no idea how to display a different styling for the two links. It will look like a big link for the entire line and the nested one (for tempus) will not be visible clearly.

[formfcw]

you could achieve this with custom CSS

[formfcw]

I am pretty convinced that this makes sense for your use case. However, I don’t think this should be possible. As a workaround you could split it into three parts: The first (Non massa) and the third (pellentesque hendrerit …) parts would have the same link/relation-mark, and the second part (tempus) would have a different one.

[quentinglorieux]

Yes ok, this was my solution. But then do you have a suggestion about css marking to highlight the inner comment ?

[formfcw]

see above :D

[quentinglorieux]

custom CSS for sure ! But how do you see that since they both have the same .relation-mark class

[formfcw]

This is CSS related, but you could utilize selectors like .relation-mark + .relation-mark or .relation-mark ~ .relation-mark etc. …There are multiple ways.