자바스크립트 라이브러리 codemirror.js 를 이용해서 html 텍스트에디트 를만들려구하는데

Question

자바스크립트 라이브러리 codemirror.js 를 이용해서 html 텍스트에디트 를만들려구하는데예제대로 따라해봐도 줄표시와 들여쓰기 등은 되는데색상은 검은색으로만 표시됩니다다른예제들을 보면 빨간색 파란색 등으로 여러색으로 코드들이 표시되던데어떻게하면 그렇게되나요?codemirror.jscodemirror.css파일만 인크루드했는데 다른파일이 필요한것이 있나요?

빠른코딩 · Answer

문서대로 해보시면.. 될것같은데요, 정 안되면 codesandbox같은 예제라도 보셔도 되고.

cHr1s0 · Answer

예전에 codeMirror4를 이용해서 소스코드 에디터를 만든적이 있었습니다. const textarea = elem.querySelector("textarea"); const language = elem.querySelector(".content-language").innerText; const mode = setMode(language); CodeMirror.fromTextArea(textarea, { lineNumbers: true, theme: "ambiance", mode: mode });const setMode = (language) => { let mode; switch(language) { case "Java": mode = languageMode.java; break; case "C": mode = languageMode.c; break; case "C++": mode = languageMode.cpp; break; case "Python": mode = languageMode.python; break; case "JavaScript": mode = languageMode.js; break; case "CSS": mode = languageMode.css; break; } return mode;}이런 방식으로 작성을 했었는데요 지금은 어떤 버전을 사용하시는지는 모르겠지만 theme나 mode처럼 커스텀 옵션이 존재할테니 공식 문서를 찾아보시는게 좋을 것 같아요.

세브라이드 · Answer

이런건 보통 언어별로 패키지 추가 설치해야하지 않나요??https://www.npmjs.com/package/@codemirror/lang-html요거 설치해보심이...

자바스크립트 라이브러리 codemirror.js 를 이용해서 html 텍스트에디트 를만들려구하는데

3개의 답변

#codemirror.js 목록