루리웹 에디터에 코드 블럭을 예쁘게 올리는 법을 알려 드립니다.
"예쁘게 올린다"라고 하는 것은
1. 키워드에 색상이 입혀져야 하고
2. 들여쓰기가 제대로 표현되어야 하며
3. 한 줄로 긴 코드가 있어도 줄바꿈이 되지 말아야 하며
4. 복사가 가능하여야 합니다.
여러 방법을 찾던 중 위 4가지를 모두 만족하는 방법을 찾았기에 공유 드립니다.
먼저 위 웹 사이트에 접속합니다.
언어를 자바스크립트로 선택하고 코드를 입력합니다.
원하는 테마를 선택합니다.
세부 설정에서 "줄번호 복사"는 체크를 해제해 주세요.
루리웹에서 줄번호를 표시할 시 코드와 줄 번호의 정렬이 일치하지 않는 문제가 있습니다.
코드가 너무 크다면 가로와 세로 크기에 제한을 두는 것도 좋습니다.
다 되었다면 화면 우측 하단에 있는 "HTML로 복사" 버튼을 눌러 주세요.
그러면 HTML 소스 코드가 나온 창이 뜨는데 이걸 복사해 주세요.
그리고 루리웹 에디터에 붙여 넣어 주세요.
WYSIWYG 모드에서 붙여 넣어도 적용되지만 가끔 안 될 때가 있습니다.
그럴 때는 소스코드 편집 모드에서 직접 붙여 넣어 주세요.
|
function main() {
console.log("hello world!");
}
main();
|
cs |
완성!