티스토리 새 에디터 소스코드 코드블럭으로 깔끔하게 하이라이트

🛫 티스토리 새 에디터 소스코드 코드블럭으로 깔끔하게 하이라이트

예전에 티스토리 블로그에서 프로그램 언어 이를 테면 java 혹은 자바스크립트, html 코드, css 등의 예시를 입력할 때는 syntaxHirighter 같은 외부 스크립트 소스를 사용해야했다.

요즘은 세상이 좋아져서, 스택오버플로우나 깃허브 같은 곳에서 소스 예시를 작성할 때는 자동으로 코드 하이라이트와 라인 넘버가 메겨진다.

네이버 블로그에 비해서 티스토리 블로그에는 IT 블로거들이 많은 편인데도 이런 부분의 개선이 별로 없었다.

이번에 티스토리 새 에디터에는 코드 블럭 기능이 생겼다.

나름 신경 쓴 흔적이 곳곳에서 보인다.

예전 구 버전 에디터에서 소스코드를 그냥 텍스트로만 붙여넣었었다.

pre 태그를 쓰는 게 귀찮았거든...

소스코드 블럭으로 잡을 영역을 선택하고 상단 에디터 메뉴에서 메뉴 더보기 버튼을 누르면 나오는 코드블럭을 선택한다.

코드 블럭 기능 자체에서 소스코드를 수정할 수 있다.

꼭 영역을 선택하지 않고 코드블럭 기능에서 소스를 입력해도 된다.

사실 그게 더 편하다.