div 태그 이후의 텍스트가 제대로 렌더링되지 않음

지원
1

div 태그 바로 다음 줄에 있는 텍스트가 올바르게 렌더링되지 않습니다. div가 있는 줄 뒤에 빈 줄을 넣으면 해결됩니다.

<div>divded text</div>
[a link]( `/admin/email/templates`.) **italic**
divded text
[a link]( `/admin/email/templates`.) **italic**

스크린샷:

image
image1319×393 18.4 KB

다른 HTML은 문제를 일으키지 않습니다:

<small>small text</small>
[a link]( `/admin/email/templates`.) **italic**

small text
a link italic

<span>spanned text</span>
[a link]( `/admin/email/templates`.) **italic**

spanned text
a link italic

HTML이 감지되면, 그 다음 줄이 프로세서에 의해 흡수된 후 마크다운으로 파싱되지 않는다고 추측합니다. div 뒤에 텍스트를 넣고, 다음 줄의 시작 부분에 텍스트를 추가하여 이를 테스트해 볼 수 있습니다:

<div>divded text</div> end of div
beginning of markdown [a link]( `/admin/email/templates`.) **italic**
divded text
end of div beginning of markdown [a link]( `/admin/email/templates`.) **italic**

스크린샷:

image
image1330×405 19.1 KB

2

이것은 CommonMark 사양 § 4.6 — HTML 블록에서 정의한, 완전히 명시적이고 표준에 부합하는 동작입니다.

핵심 규칙은 HTML 블록 유형 6입니다. CommonMark 사양은 div(그리고 p, blockquote, table, h1–h6, ul, ol, li, hr 등)를 블록 레벨 태그로 명시적으로 나열합니다. 파서가 이러한 태그 중 하나로 시작하는 줄을 만나면, 이 종료 조건을 가진 HTML 블록을 열게 됩니다:

종료 조건: 줄 뒤에 빈 줄이 따르는 경우.

나머지 예시들은 인라인 요소이며, 동작 방식이 다릅니다.

3

감사합니다! 그게 제가 걱정하던 바로 그 부분이었습니다.

보고서를 간단히 작성하다 보니, 문제가 발생한 상황을 언급하는 것을 잊었습니다. 사용자가 <div data-theme-toc="true"> </div> 코드를 삽입해 목차를 추가하려 할 때 문제가 발생했습니다. 이는 해당 기능을 개발한 사람에게도 문제인 것 같습니다.

4

그렇군요, 흥미롭네요. 즉, 목차(ToC)가 없으면 전혀 발생하지 않는다는 뜻인가요? (다른 div를 말하는 것입니다)

5

<div data-theme-toc="true"> </div>의 정확한 배치 문제입니다. 이 경우 해당 태그가 게시물의 첫 번째 요소였고, 텍스트는 다음 줄에서 시작되었습니다. 만약 첫 줄에 마크다운이 포함되지 않았다면 우리가 이를 알아차리지 못했을 것입니다. 설명이 잘 전달되었는지 모르겠습니다.

해당 코드 뒤에 빈 줄을 넣으면 모든 것이 정상적으로 작동합니다. 따라서 Data-theme-toc="true" should be placed at the top of a post in it's own paragraph 링크를 참고해 주세요.