죄송합니다. 질문을 잘못햇네요. caption이 아니라 figcaption인데..

위 태그 경우 체에디터 기본 js에서 필터링 하는 것 같은데 수정 난이도로 봐선 의뢰로 해결하셔야 할 사안 같고, 필터링 한 이유에 대해 AI에게 물의니 아래처럼 답변을 주네요.

체에디터터는 왜 피겨와 피그캡션 태그를 사용 못하게 틸터링 한 거야?
ChatGPT의 말:

<figure>와 <figcaption> 태그가 체에디터에서 사용 불가하도록 필터링된 이유는 여러 가지가 있을 수 있습니다. 이런 태그들은 HTML5에서 이미지나 다른 미디어 콘텐츠와 관련된 설명을 제공하는 데 사용됩니다. 하지만 체에디터에서는 그다지 일반적인 사용 사례가 아니거나, 이를 지원하기 위한 추가적인 처리나 스타일링이 필요할 수 있습니다.

1. 체에디터의 목적에 맞지 않음

figure와 figcaption은 일반적으로 이미지나 미디어 요소에 캡션을 추가할 때 사용됩니다. 체에디터는 주로 텍스트 편집에 초점을 맞추고 있기 때문에, 이미지와 관련된 복잡한 요소(캡션 포함)를 처리하는 것이 필요하지 않을 수 있습니다.

체에디터가 지원하는 포맷팅은 상대적으로 간단한 텍스트 기반의 스타일링에 초점을 맞추고 있기 때문에, 미디어 요소를 다루는 태그들은 필요 없을 수 있습니다.

2. 사용 편의성 문제

<figure>와 <figcaption>을 사용하려면, 이미지와 캡션의 배치나 스타일링을 따로 설정해야 할 수 있습니다. 체에디터는 다양한 사용자들이 쉽게 텍스트를 편집할 수 있게 설계되어 있기 때문에, 이러한 복잡한 요소들을 허용하지 않아서 사용자 경험을 단순하게 유지하려는 의도가 있을 수 있습니다.

이미지나 기타 미디어 요소가 포함될 경우, 이를 자체적으로 관리하는 로직이나 UI를 따로 구현해야 하므로, 체에디터의 간단한 텍스트 편집 방식과 충돌할 수 있습니다.

3. 크로스 브라우징 및 호환성 문제

<figure>와 <figcaption>은 HTML5에서 도입된 태그로, 구형 브라우저에서는 지원되지 않을 수 있습니다. 체에디터는 가능한 범위 내에서 브라우저 호환성을 유지하려 할 수 있기 때문에, 호환성 문제가 있을 수 있는 태그는 필터링할 수 있습니다.

또한, 이러한 태그들이 잘못된 방식으로 렌더링될 경우, 에디터에서 일관된 디자인을 제공하는 데 어려움을 겪을 수 있습니다.

4. 보안상의 이유

HTML 에디터에서는 **XSS(교차 사이트 스크립팅)**와 같은 보안 취약점을 방지하기 위해, 사용자가 삽입하는 HTML 태그를 제한하는 경우가 많습니다. <figure>와 <figcaption>을 사용하면서 악성 코드가 삽입될 가능성을 낮추기 위해 이러한 태그들을 사용하지 않도록 설정한 것일 수 있습니다.

5. 불필요한 태그로 간주

체에디터의 필터링은 가능한 한 필수적인 태그만 허용하고, 그 외의 태그들은 불필요하거나 혼란을 줄 수 있다고 판단하여 제외하는 방식일 수 있습니다. 예를 들어, 복잡한 구조를 가진 태그보다는 간단한 텍스트 형식을 사용하는 것이 더 직관적일 수 있기 때문입니다.

결론

체에디터가 <figure>와 <figcaption> 태그를 필터링한 이유는, 에디터의 목적에 맞지 않아서, 사용 편의성을 높이기 위해, 또는 브라우저 호환성 및 보안 문제를 고려하여 해당 태그들을 사용하지 않도록 설정했을 가능성이 큽니다.

그렇군요. figcaption은 패스해야겠네요.