마크다운 에디터

dead(rzglitch)님께서 만드신 마크다운 에디터를 잘 쓰던 사람입니다.

사용하면서 몇 가지 문제에 대해 개인적으로 수정하면서 쓰다가 여러 이유로 수정이 필요하여 아예 새로 코딩해서 만들었습니다.

 

dead님의 에디터와는 다른 점이 크게 2가지 있는데,

1. helper 모듈이 필요없습니다.

2. editor의 스크롤이 preview에도 연동됩니다.(preview도 측면과 아랫면 두 종류로 지원됩니다. 개인적으로는 측면 preview가 더 편리하더군요.)

 

그 외 인터페이스를 최대한 단순화하였고,... 

제가 개인적으로 수학적 관련 내용을 정리하기 위해서 쓰다보니 MathJax를 쓰게 되었는데요, MathJax를 쓰기 위한 배려가 되어있다 정도의 차이가 있습니다. (MathJax를 로드할 경우에는 MathJax escape을 위해 $를 쓰므로 $를 표시하려면 \$로 써야 합니다. 단, MathJax를 쓰지 않으면 상관없습니다.)

참고로 Alt+`를 누르시면 프리뷰를 토글해서 사용하실 수 있습니다.

 

XE에서는 테스트 해보지 않아 잘 될지 모르겠습니다.

 

설치는 첨부된 파일의 modules 이하 폴더를 그대로 rhymix 디렉토리에 풀어주시면 됩니다.

 

아울러 참고로 MathJax로 수식을 쓰려는 분들을 위해 게시판 기본설정의 게시판 상단내용 설정에

적용한 저의 설정을 올리면 다음과 같습니다.

<script>
MathJax = {
  tex: {
    tags: 'ams',
    inlineMath: [['$', '$'], ['\\(', '\\)']],
    displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
    processEscapes: true
  },
  svg: {
    fontCache: 'global'
  }
};
</script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

 

제가 전문개발자가 아니라 필요에 의해 조금씩 인터넷을 뒤져보며 만든거라 허술한 부분이 상당히 있을 것입니다.

특히 보안등에 문제가 있을 수 있습니다.

여러 문제에 대해서 댓글을 달아주시면 최대한 반영해 나가겠습니다.

 

버전정보

 

1.0.9

- 스크롤 방식 개선

- MathJax escaping 방식 개선

- markdown-it-deflist 모듈 추가

 

1.0.8

- 그림 삽입 시 바로 그림이 나오지 않는 버그 수정

- MathJax에서 수식을 입력할 때 수식이 깨지거나 스크롤이 맞지 않는 버그 수정

 

1.0.7

- 배포본