marked2 [Marked] html안에 image가 있을 경우 사용 라이브러리 : https://marked.js.org/ mark down을 케이스 중에 html tag 안에 image가 있을 경우에 대한 응급 처리. (미정제 코드, 좋은 방법 있으면 댓글 로 공유 부탁드려요) Sample 먼저 샘플 케이스를 살펴보자. mark down은 아래와 같이 작성되어 있고, 이를 그려내면 아래 Image와 같이 나와야 한다. mark down https://images.hive.blog/DQmWwFSXs6264npQxbEnBmYkjHCXDi8CGhUKY1DDJ8xBXYy/DSC_1973.JPG https://images.hive.blog/DQmQRExbzza6Mv2dbtDfETtKMEDH9ozy9zk8vEQuTWiC3Gk/DSC_1974.JPG markdown 정상 렌더.. 2022. 12. 26. listitem [Markdown 다루기 with Marked, Tailwind CSS] 사용 라이브러리 https://marked.js.org/ https://tailwindcss.com/ itemlist itemlist 예를 들면 li 같은 태그에서 이렇게 동그라미가 나와야 하는데 나오지 않는다면, marked에서 지원하는 use를 사용해 custom class를 적용 할 수 있다. Marked + Tailwind CSS에서 사용 예제이다. const renderer = { listitem(text, task, checked) { return `${text}`; }, }; marked.use({ renderer }); const parse = marked.parse(body); 위의 예제와 같이 listitem의 li에 tailwind css를 적용해주는 예제이다. 위처럼 적용하면 li태.. 2022. 12. 22. 이전 1 다음