How to insert iconDiv at the end of each paragraph

[mahmedmushtaq]

Hi Lexical team, Actually I want to insert some icons at the end of each paragraph but I am lost on how can I do this. I tried a different ways but it is not working. An example is attached of what I want to achieve in a lexical editor

[thegreatercurve]

I've not tested this, but you could do something like the below to get the bounding box of the second-most parent element for each node in the tree, and then use that to position to absolutely position a floating menu.

const anchorNode = $getSelection().anchorNode;

const secondLevelParentNode = $findMatchingParent(anchorNode, node => $getDepth(node) === 1)

const matchingElementForSecondLevelParentNode = editor.getElementByKey(secondLevelParentNode.getKey())

const {x, y} = matchingElementForSecondLevelParentNode.getBoundingClientRect()

You could then use registerUpdateListener to recalculate the positions, any time there is an update to editor state.