3-13 : 마크다운

단 하나의 맥락

: 마크다운 gradle에  설치, thymeleaf 마크다운 컴포넌트를 사용하여 마크다운 적용

 

---

Semiflow Bundle

: commonmark gradle에 설치

: CommonUtil.java 컴포넌트 작성

: question_detail.html 에 마크다운 적용

 

---

 

자각

 

-

 

> build.gradle에

 

• implementation 'org.commonmark:commonmark:0.18.2' 

 

후 refresh 및 로컬서버 재시작

 

 

-

 

> CommonUtil.java 신규 작성

 

// import org.commonmark.node.Node;

// import org.commonmark.parser.Parser;

// import org.commonmark.renderer.html.HtmlRenderer;

// import org.springframework.stereotype.Component;

 

@Component

public class CommonUtil {

• M : public String markdown(String markdown)
  • A1 : Parser parser = Parser.builder().build();
  • A2 : Node document = parser.parse(markdown);
  • A3 : HtmlRenderer renderer = HtmlRenderer.builder().build();
  • R : return renderer.render(document);

 

 

-

 

> question_detail.html에

 

question 카드부인

• <div class="card my-3"></div> 내부
• <div class="card-body"></div> 

최상단에

 

• <div class="card-text"  style="white-space:  pre-line;"  th:text="${question.content}"></div>

를

• <div class="card-text"  th:utext="${@commonUtil.markdown(question.content)}"></div>

로 교체

 

answer 카드부 역시 마찬가지