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

30 Nov 2023

javascript

아래는 Marked를 사용하여 특정 부분을 북마크하는 예제 코드입니다.

const marked = require('marked');

// 마크다운 형식의 텍스트
const markdownText = `
# 제목 1
## 제목 2
### 제목 3

이 부분을 북마크로 지정하고 싶습니다.

다른 내용들...
`;

// 북마크로 지정할 부분의 마크다운 텍스트
const bookmarkText = '이 부분을 북마크로 지정하고 싶습니다.';

// 마크다운을 HTML로 렌더링
const html = marked(markdownText);

// 북마크로 지정할 부분을 HTML로 렌더링하여 해당 부분의 위치를 찾음
const bookmarkIndex = html.indexOf(marked(bookmarkText));

if (bookmarkIndex !== -1) {
  // 북마크로 지정할 부분의 위치를 찾았을 때, 해당 위치로 스크롤 이동
  window.scrollTo(0, bookmarkIndex);
}

위 예제 코드에서는 marked 함수를 사용하여 마크다운 텍스트를 HTML로 변환합니다. 그리고 indexOf 함수를 사용하여 북마크로 지정할 부분의 위치를 찾아 스크롤을 해당 위치로 이동시킵니다.

참고 문서:

Marked 공식 문서

이렇게 Marked 라이브러리를 사용하여 마크다운 파일에서 특정 부분을 북마크로 지정할 수 있습니다.