먼저 Marked 라이브러리를 프로젝트에 설치해야 합니다. 다음 명령을 사용하여 NPM을 통해 Marked를 설치할 수 있습니다.

npm install marked

설치가 완료되면 JavaScript 파일에서 Marked를 import하고, 마크다운을 HTML로 변환하는 함수를 사용할 수 있습니다. 아래의 코드는 Marked를 사용하여 마크다운을 HTML로 변환하는 예시입니다.

const marked = require('marked');

const markdownText = '# Hello, World!';
const htmlText = marked(markdownText);

console.log(htmlText);

위의 예시에서는 marked() 함수를 사용하여 마크다운 문자열을 HTML로 변환하고, console.log()를 통해 결과를 출력합니다.

마크다운 문서에서 특정 텍스트를 선택할 수 있는 기능을 추가하려면, HTML로 변환된 텍스트에 필요한 CSS 스타일을 적용해야 합니다. 예를 들어, 선택 가능한 텍스트에 밑줄을 추가하거나 배경색을 변경할 수 있습니다.

아래는 선택 가능한 텍스트에 밑줄을 추가하는 CSS 스타일의 예시입니다.

.selected-text {
    text-decoration: underline;
}

이렇게 선택 가능한 텍스트에 대한 CSS 스타일을 추가하면 마크다운 문서에서 필요한 텍스트를 선택할 수 있는 기능을 구현할 수 있습니다.

Marked 라이브러리의 자세한 사용법과 옵션에 대해서는 공식 문서를 참조하시기 바랍니다. Marked 공식 문서