포스트 섹션에서 새로은 포스트를 만들 때

html 편집기 모드에서 소스 코드를 집어 넣으면 소스가 이렇게 들어가고 의도한 인포그래픽 이미지는



아래 처럼 텍스트로만 보여집니다. 

해결 방법을 LLM로 찾아보니 다음과 같이 얘기하는데요. 

이 문제는 주로 웹사이트 편집기나 호스팅 환경에서 외부 CSS (Tailwind CSS)나 JavaScript (Chart.js 등) 파일 로딩을 차단하거나, 코드가 올바르지 않은 모드(예: 비주얼 모드)로 붙여넣기 되어 HTML 태그가 일반 텍스트로 변환될 때 발생합니다. 

• 편집기 모드 변경: 사용하시는 웹사이트의 HTML 편집기에서 **'HTML 편집 모드', '소스 코드 편집 모드', 또는 '텍스트 모드'**로 전환하신 후, 제가 드린 <!DOCTYPE html>부터 </html>까지의 전체 코드를 복사하여 붙여넣어 보세요.
• 외부 리소스 로딩: 간혹 웹사이트 플랫폼의 보안 설정(CSP 등)에 따라 외부 CDN(Tailwind CSS, Chart.js, Google Fonts 등)의 파일 로딩이 차단될 수도 있습니다. 이 경우에도 스타일이 제대로 적용되지 않을 수 있으나, 현재 보여주신 현상으로는 편집기 모드 문제가 더 커 보입니다.

이를 어떻게 해결할 수 있을까요?