자바스크립트 | 구독자 14명 | 브다닷펄

루리웹에 코드 블럭을 올려 보자.upload

루리웹 에디터에 코드 블럭을 예쁘게 올리는 법을 알려 드립니다.


"예쁘게 올린다"라고 하는 것은

1. 키워드에 색상이 입혀져야 하고

2. 들여쓰기가 제대로 표현되어야 하며

3. 한 줄로 긴 코드가 있어도 줄바꿈이 되지 말아야 하며

4. 복사가 가능하여야 합니다.


여러 방법을 찾던 중 위 4가지를 모두 만족하는 방법을 찾았기에 공유 드립니다.


https://colorscripter.com/


먼저 위 웹 사이트에 접속합니다.



img/21/09/11/17bd547432e2007f0.png


언어를 자바스크립트로 선택하고 코드를 입력합니다.








img/21/09/11/17bd54745012007f0.png


원하는 테마를 선택합니다.










img/21/09/11/17bd54746f62007f0.png



세부 설정에서 "줄번호 복사"는 체크를 해제해 주세요.

루리웹에서 줄번호를 표시할 시 코드와 줄 번호의 정렬이 일치하지 않는 문제가 있습니다.

코드가 너무 크다면 가로와 세로 크기에 제한을 두는 것도 좋습니다.









img/21/09/11/17bd54949aa2007f0.png



다 되었다면 화면 우측 하단에 있는 "HTML로 복사" 버튼을 눌러 주세요.






img/21/09/11/17bd5494b712007f0.png


그러면 HTML 소스 코드가 나온 창이 뜨는데 이걸 복사해 주세요.












그리고 루리웹 에디터에 붙여 넣어 주세요.

WYSIWYG 모드에서 붙여 넣어도 적용되지만 가끔 안 될 때가 있습니다.

그럴 때는 소스코드 편집 모드에서 직접 붙여 넣어 주세요.



function main() {
    console.log("hello world!");
}
main();
cs

완성!





루리웹 오른쪽
루리웹 유머
루리웹 뉴스 베스트
PC/온라인
비디오/콘솔
모바일

루리웹 유저정보 베스트