[javascript] Marked를 사용하여 마크다운 문서에서 특정 부분을 강조하는 방법은?
- Marked를 설치하고
marked
모듈을 가져옵니다.npm install marked const marked = require('marked');
- 마크다운 문서를 HTML로 변환합니다.
```javascript
const markdownString = `
제목
이 문장은 강조된 텍스트입니다.
부분을 _이탤릭_체로 표시할 수도 있습니다. `;
const htmlString = marked(markdownString);
3. 특정 부분을 강조하기 위해 CSS 클래스를 추가합니다.
```javascript
const customRenderer = new marked.Renderer();
customRenderer.strong = text => `<strong class="emphasis">${text}</strong>`;
customRenderer.em = text => `<em class="emphasis">${text}</em>`;
const htmlStringWithEmphasis = marked(markdownString, { renderer: customRenderer });
- CSS를 활용하여 강조한 부분의 스타일을 지정합니다.
.emphasis { color: red; font-weight: bold; }
이렇게 하면 마크다운 문서에서 특정 부분을 강조할 수 있습니다. **강조**
는 굵게, _이탤릭_
은 이탤릭체로 렌더링됩니다. render에 커스텀 Renderer를 지정하여 원하는 CSS 클래스를 추가하여 스타일링할 수 있습니다.