[javascript] Marked를 사용하여 문서 작성 시 텍스트 간격 조절 기능을 구현하는 방법은?
먼저, CSS 파일을 작성하거나 HTML <style>
태그 내에서 스타일을 정의합니다. 예를 들면:
<style>
p {
line-height: 1.5;
}
</style>
위의 코드에서는 <p>
태그의 line-height
속성을 1.5로 설정하여 텍스트 간격을 조절하고 있습니다. 이 값을 원하는 간격으로 조정할 수 있습니다.
그리고 Marked를 사용하여 Markdown 문서를 HTML로 변환할 때, 변환 설정을 제공할 수 있습니다. marked.setOptions()
함수를 사용하고, sanitize: false
속성을 추가하여 HTML 태그를 허용하도록 설정할 수 있습니다. 예를 들면:
var markdownText = "# 제목\n\n본문입니다.";
var options = {
sanitize: false
};
var html = marked(markdownText, options);
위의 코드에서 sanitize: false
속성을 사용하여 HTML 태그를 허용하고 있습니다.
HTML로 변환된 결과를 화면에 출력하거나 다른 방식으로 사용할 수 있습니다. 이때 스타일이 적용된 텍스트 간격이 함께 표시될 것입니다.
추가로, Marked에는 다양한 옵션이 있으므로 필요한 경우 marked.setOptions()
함수를 사용하여 적절한 옵션을 설정할 수 있습니다. Marked 문서에서 제공하는 자세한 정보를 확인해보세요.