코드에디터 CodeMirror

Sunset·2022년 6월 1일
0

Javascript/Jquery

목록 보기
2/7

웹에서 코드를 쓸수 있는 코디에디터인 CodeMirror 적용하기

https://codemirror.net/

위 주소에서 다운 받고

<link rel="stylesheet" href="codemirror.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="codemirror.js"></script>
<script>
    $(document).ready(function(){
  var code = $(".codemirror-textarea")[0];
  var editor = CodeMirror.fromTextArea(code, {
    lineNumbers : true
  });
});
</script>
<body>
    <textarea class="codemirror-textarea"></textarea>
</body>

이렇게 적용하면 아래 처럼 에디터를 적용 할수 있다.

(아래 html은 타이핑한것)

0개의 댓글