점프 투 스프링부트 추가기능 구현 - 마크다운 에디터

박철현·2023년 8월 1일
0

점프투스프링부트

목록 보기
6/14
  • 점프투스프링부트 추가기능 구현 다섯번째, 마크다운 에디터 도입입니다.

  • simpleMDE 도입과 3-13 마크다운 책의 부분을 추가하였습니다.

  • simpleMDE 도입

    • 레이아웃에 스크립트 CDN 코드 추가
      <!-- 마크다운 에디터-->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
        <script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
  • question_form, question_detail, answer_form에 script 추가

    • textarea id를 넣어주면 적용 완료
       // 마크 다운에디터
          var simplemde = new SimpleMDE({element:document.getElementById("content")});

  • 마크다운 적용을 하며, th:utext를 다시 사용 -> XSS 공격에 취약해짐

  • 상세 코드를 확인하고 싶은 분들은 Git-PR를 참조해주세요.

profile
비슷한 어려움을 겪는 누군가에게 도움이 되길

0개의 댓글