simplemde 적용하기

simplemde를 적용하기 위해서

simplemde.min.js
simplemde.min.css

두개의 파일을 다운받아서 static 에 넣고 base.html에서 링크를 시켜주었습니다.

그리고 하라는 대로(After installing, load SimpleMDE on the first textarea on a page)

이 코드를 첫 textarea 위에 적어주었는데, 적용이 잘 안됩니다.
요리조리 해보고 있는데 좀... 무언가 잘못됬나 싶습니다..

어디가 잘못됬을까요? 혹시 이 사이트에서 어떻게 적용하셨는지 알려주실 수 있나요??

자문자답 + 새로운 질문은 댓글에...

2323 1224

M 2021년 1월 25일 1:34 오전

목록으로
2개의 답변이 있습니다. 1 / 1 Page

자문자답인데 왜 그런지는 모르겠습니다. (아마 초기화 시점 문제인거 같아요)
아래와 같이 SimpleMDE()가 초기화되기전에, 무조건 'simplemde.min.js'를 먼저 불러와야합니다.

jquery 같은 js 파일은 body의 마지막에 불러와도 크게 상관없는데, 왜 이것만은 먼저 불러와야할까요?

<textarea class="form-control" name="content" id="content" rows="10">{{ form.content.data or '' }}</textarea>
<script src="{{ url_for('static', filename='simplemde.min.js') }}"></script>
<script>
        var mde = new SimpleMDE({ element: document.getElementById("content") });
</script>

2323

M 2021년 1월 25일 1:34 오전

+1 simplemde.min.js 속에 있는 함수를 사용하려면 먼저 로딩되어 있어야 합니다. 제이쿼리도 마찬가지입니다. - 박응용님, 2021년 1월 25일 12:20 오후 추천 , 대댓글


알려주신 말씀대로 적용했더니 잘 되네요 선생님, 감사합니다!

Error

2022년 10월 19일 2:18 오후