I'm looking for a way to allow content editors to add legal footnotes/disclosures within inline content. My initial thought was to instruct them to use some sort of syntax, such as
[[disclosure=12.34]] which would require usage such as this within inline content fields:
The disclosure needs[[disclosure=12.34]] to be included within the inline content.
In this case, I would also create a global service or route-level component to crawl the content after page load to find all disclosure references. I need to require the disclosure content from a third-party API and, after receiving the response, replace the footnote syntax with a footnote index number.
So, my question is, is there a more conventional/convenient way of adding either a footnote component or tag of some kind within a jss content field? Any suggestion is appreciated.