[javascript] Marked를 사용하여 마크다운 문서에서 특정 부분을 표시하는 방법은?

30 Nov 2023

javascript

다음은 Marked를 사용하여 마크다운 문서에서 특정 부분을 표시하는 방법의 예시입니다:

const marked = require('marked');

const markdownText = `
# 제목입니다

이 부분은 강조되어야 합니다.

## 소제목입니다

이 부분은 이탤릭체로 표시되어야 합니다.
`;

const renderer = new marked.Renderer();
renderer.strong = (text) => {
  return `<strong>${text}</strong>`;
};
renderer.em = (text) => {
  return `<em>${text}</em>`;
};

const highlightedMarkdown = marked(markdownText, { renderer });

console.log(highlightedMarkdown);

이 코드는 Marked의 렌더러를 커스터마이즈하여 특정 부분을 강조 또는 이탤릭체로 표시하는 예제입니다. renderer 객체의 strong 함수는 강조된 텍스트를 감싸는 <strong> 태그를 생성하고, em 함수는 이탤릭체를 적용하는 <em> 태그를 생성합니다.

위 예제를 실행하면 다음과 같은 결과를 얻을 수 있습니다:

<h1>제목입니다</h1>

<p>이 부분은 <strong>강조</strong>되어야 합니다.</p>

<h2>소제목입니다</h2>

<p>이 부분은 <em>이탤릭체</em>로 표시되어야 합니다.</p>

이렇게 생성된 HTML로 표시된 마크다운 문서를 웹 페이지에서 출력해보면 특정 부분이 강조 또는 이탤릭체로 표시되는 것을 확인할 수 있습니다.

이처럼 Marked를 사용하면 마크다운 문서에서 특정 부분을 표시하는 기능을 쉽게 구현할 수 있습니다.