data-theme 기능을 가진 <div>와 링크를 함께 사용하는 방법

제품 지원
1

이 개인 스타일 커스터마이징에 대한 게시물에서는 <a> 링크 태그를 직접 사용할 수 없다고 언급되어 있습니다. 이는 _예외 사항이며 data-attributes를 허용하지 않기 때문_입니다.
해결 방법은 마크다운 **[링크]**를 사용하여 속성을 사용할 수 있도록 하는 것입니다. 예를 들어 다음과 같이요:

코드 :

This <span data-button>[link](https://discourse.org/)</span> use Mardown !

결과 :

This link use Mardown !

그러나 이 특정 게시물의 구조(그리고 사실 모든 discourse)의 경우, 사용 편의성을 위해 html에서 **<div>**를 사용해야 하지만, 이렇게 하면 BBCode나 markdown이 올바르게 해석되지 않는 것 같습니다. 즉, 마크다운 링크를 div 내부에서 직접 사용할 수 없습니다.

코드 :

<div>
This <span data-button>[link](https://discourse.org/)</span> use Mardown in a div !
</div>

결과 :

This [link](https://discourse.org/) use Mardown in a div !

data-atributes를 지원하지 않는 <a> 태그를 사용할 수도 없고, div 외부에서만 작동하는 마크다운이나 BBCode도 사용할 수 없는 상황이 되었습니다.

해결책을 제안해 주실 수 있나요? 정말 감사합니다.

2

https://meta.discourse.org/t/placeholder-forms/113533처럼 [wrap] 태그를 사용해 보는 건 어떨까요?

3

개방 div 태그에 텍스트가 같은 줄에 있으면 문제가 없을 것 같습니다. 예를 들어:

This is some text <div>
This is a very cool [link](https://example.com)!
</div>

다음과 같이 변환됩니다:

또는 div 태그 사이에 공백이 있어도 작동할 수 있습니다:

This is some text
<div>

This is a very cool [link](https://example.com)!
</div>

다음과 같이 변환됩니다:

4

네! 감사합니다. 두 가지 방법 모두 매우 잘 작동합니다!