Как использовать одновременно <div> и ссылку с функциями data-theme

В сообщении о настройке личных стилей говорится, что использовать тег ссылки напрямую невозможно, так как это исключение, и он не поддерживает атрибуты data-attributes.
Решение — использовать Markdown-ссылку [ссылка], чтобы иметь возможность добавлять атрибуты, вот так:

Код:

Это <span data-button>[ссылка](https://discourse.org/)</span> использует Markdown!

Результат:

Это ссылка использует Markdown!

Однако для структуры этого конкретного сообщения (и даже для всего Discourse) мне нужно использовать

в HTML для удобства, но это, похоже, мешает корректной интерпретации любого BBCode или Markdown. Поэтому использование Markdown-ссылок не работает напрямую внутри div.

Код:

<div>
Это <span data-button>[ссылка](https://discourse.org/)</span> использует Markdown внутри div!
</div>

Результат:

Это [ссылка](https://discourse.org/) использует Markdown внутри div!

Я не могу использовать теги , которые не поддерживают data-атрибуты, и не могу использовать Markdown или BBCode, которые работают только вне div.

Может ли кто-нибудь предложить решение? Большое спасибо.

Посмотрите на [wrap], как в Placeholder Forms, может быть?

Я думаю, что если у вас есть что-то, связанное с открывающим тегом div, всё будет в порядке, например:

Это какой-то текст <div>
Это очень крутая [ссылка](https://example.com)!
</div>

Станет:

Или даже разорванный div должен работать:

Это какой-то текст
<div>

Это очень крутая [ссылка](https://example.com)!
</div>

Станет:

ДА! Спасибо, оба метода работают отлично!