[javascript] Marked에서 사용자 정의 렌더러를 작성하는 방법은?
다음은 사용자 정의 렌더러를 작성하는 단계입니다.
- Marked를 프로젝트에 설치합니다.
npm install marked
- 필요한 모듈을 가져옵니다.
const marked = require('marked');
- 사용자 정의 렌더러를 작성합니다. ```javascript const renderer = new marked.Renderer();
renderer.heading = function(text, level) {
return <h${level}>${text}</h${level}>
;
};
renderer.paragraph = function(text) {
return <p class="custom-paragraph">${text}</p>
;
};
// 필요한 다른 메서드들을 작성합니다.
marked.setOptions({ renderer: renderer }); ```
위의 코드에서는 heading
메서드와 paragraph
메서드를 사용자 지정하였습니다. 이 메서드들은 Markdown 요소를 HTML 태그로 변환하는 역할을 합니다. setOptions
메서드를 사용하여 작성한 렌더러를 Marked에 적용합니다.
위와 같이 사용자 정의 렌더러를 작성하고 Marked에 적용하면 Markdown 텍스트를 HTML로 변환할 때 사용자 정의 렌더러가 자동으로 호출되어 변환된 결과를 얻을 수 있습니다.
더 자세한 사용법 및 다른 사용자 정의 렌더러 메서드에 대해서는 Marked의 공식 문서를 참조해 주세요.