[javascript] Marked를 사용하여 코드 블록의 언어를 지정하는 방법은?
-
마크다운 문서에서 코드 블록을 작성합니다:
리졸브 문제를 다루는 자바스크립트 함수의 예시입니다.
function resolveIssue(issueId) { // 코드 작성 }
````
-
Marked를 사용하여 마크다운을 HTML로 변환합니다:
const marked = require('marked'); const markdownText = "```javascript\nfunction resolveIssue(issueId) {\n // 코드 작성\n}\n```"; const convertedHtml = marked(markdownText); console.log(convertedHtml);
위의 예시 코드에서
javascript
언어가 사용되었습니다. 마크다운 파서는 코드 블록의 언어를 지정하기 위해 “" 로 감싸는 방식을 사용합니다. 언어를 지정할 때는 "
” 뒤에 해당 언어의 이름을 적어주면 됩니다.만약 코드 블록에 언어를 지정하지 않았을 경우, 기본적으로 일반 텍스트로 취급됩니다.
-
변환된 HTML을 브라우저에 표시하거나, 파일에 저장할 수 있습니다.
마크다운을 HTML로 변환한 후, 생성된 HTML을 브라우저에 표시하거나 파일에 저장하는 등의 작업을 수행할 수 있습니다. 이는 프로젝트의 요구사항에 따라 다를 수 있습니다.
예를 들어, 브라우저에서 HTML을 표시하기 위해서는 다음과 같이 해당 HTML을 웹페이지 내에서 표시하는 코드를 작성하면 됩니다:
<div id="markdownPreview"></div> <script> const markdownText = "```javascript\nfunction resolveIssue(issueId) {\n // 코드 작성\n}\n```"; const convertedHtml = marked(markdownText); document.getElementById("markdownPreview").innerHTML = convertedHtml; </script>
이렇게 하면
markdownPreview
라는 id를 가진 div 요소 안에 코드 블록이 포함된 HTML이 표시됩니다.