Para mim, isto parece semelhante ao componente Add <abbr> tags to words in posts. Notei que este componente não usa a tag HTML <abbr>, como <abbr title="Texto exibido ao passar o mouse">Hover me</abbr> (<abbr title="Texto exibido ao passar o mouse">Hover me</abbr>), o que me deixou curioso sobre a escolha do design.
Pelo que entendi, uma vantagem de usar <abbr> é que a informação permanece disponível mesmo que o componente seja removido mais tarde. Acho que com a abordagem atual, a <span> se tornaria invisível nesse caso. Eu adoraria entender quais vantagens esta abordagem tem e espero aprender algo novo.
Como sempre, ficaria muito grato se alguém quisesse compartilhar ideias ou participar deste esforço
Meu objetivo aqui é ter um botão na barra de ferramentas para permitir a criação rápida de uma dica de ferramenta (tooltip) que apareça ao passar o mouse (ou opcionalmente ao clicar) e que possa conter qualquer coisa (incluindo, mas não se limitando a HTML e Markdown), e que continue a exibir o conteúdo contido da forma mais elegante possível, mesmo que o componente seja removido, ou quando a página for visualizada como uma página publicada, e na ausência de qualquer plugin ou componente de tema não essencial/padrão.
Eu gostaria que o TC (Componente de Tema) fornecesse a melhor compatibilidade geral para o futuro, aproveitando o Tooltip principal e/ou o DModal, ou talvez simplesmente estendendo ou adaptando o Plugin de Notas de Rodapé.
Eu testei alguns dos componentes de tema e plugins existentes, cada um atendendo a casos de uso específicos e cada um com suas próprias limitações ou comportamentos peculiares, como não renderizar certos tipos de conteúdo corretamente, ou não ser utilizável no celular, ou o contêiner da dica não aparecer ou não se adaptar a mudanças de posição, etc.
Eu queria fazer uma tabela mostrando cada componente/plugin existente, incluindo seu respectivo caso de uso e limitações, mas no momento não tenho tempo e certamente aceitaria qualquer contribuição.