[티스토리] 일부 Latex 수식에 MathJax 변환이 적용되지 않는 문제

문제

MathJax를 사용하여 Latex 수식의 변환을 시도하였으나 일부 수식이 제대로 변환되지 않습니다.

---

원인

변환되지 않는 수식을 개발자 도구로 검사한 결과, 한 줄로 입력한 내용이 서로 다른 span 요소 또는 텍스트 노드로 사분오열되어 입력되어 있는 것을 발견하였습니다. 이러한 요소의 분리는 스타일이 적용되는 경우에 일어납니다. 텍스트 에디터로부터 비롯된 문제로 볼 수 있습니다.

---

해결

글쓰기 옵션 중 가장 우측에서 HTML 모드로 접근합니다.

수식의 중간에 중첩된 태그가 사용되지 않도록 제거합니다.

---

또는, 수식 전체를 다시 입력합니다.

제 경우, 수식에 인용문을 지정했다가 해제하는 과정에서 해당 부분에 스타일이 추가되었고, 작성된 식의 일부분을 복사하여 활용함에 따라 스타일을 유지한 채 새로운 태그로 삽입된 것으로 보입니다.

수식 작성 중 스타일이 달라지는 경우, 정상적으로 변환되지 않는다는 것을 보여드리겠습니다.

\(x + y - 1 \)

\( x + y - 1 \)

만약 수식의 중간에 변화를 알아채기 힘든 배경색이나 글자색 속성, 정렬 속성이 적용된 부분이 일부라도 존재한다면 수식의 시작과 끝을 표시하는 문자열이 제대로 인식되지 않아 정상적으로 변환되지 않을 수 있습니다.

\(x + y - 1\) : 스타일이 일관적인 경우 정상 변환

\(x + y - 1\) : 일부만 스타일이 다른 경우 변환 실패

 

요약하면 해결 방법은 다음과 같습니다.

• 수식 중간에 서로 다른 스타일이 적용되지 않도록 다시 작성할 것
• 쉽게 구분되지 않는 스타일도 있으므로 똑같은 스타일처럼 보여도 다시 작성할 것

---

 

수식 적용 관련

https://www.mathjax.org/ (MathJax)

https://editor.codecogs.com/ (Latex 수식 입력 사이트)