XF 2.2 How to make usernames dynamic in a static HTML page?

[Miri]

I've created an HTML page, and I'd like to mention the names of some users on that page, but I want the usernames to become dynamic, similar to when using the @ symbol in forum posts to mention them with a link to their profile and a popup window that appears on mouse hover.

Currently, I'm using this manual approach:

<a href="/members/username.123/" class="username" dir="auto" data-user-id="123" data-xf-init="member-tooltip">
<span class="username">username</span>
</a>

I'm wondering if there is a simpler way to achieve this without all this code that might not be necessary?

Thank you

 

[Miri]

 

[Paul B]

Do you mean an HTML page external to XF or a page node?

I presume the latter.

It would require custom development to use specific code such as @ on a page node as the function isn't exposed there.