소스코드에 색 입히기
소스코드를 작성하고 블로그나 문서파일로 복붙을 하게 되는 경우가 많은데 매번 Syntax는 제외하고 복사가 됩니다.
하나하나 색을 입히기도 힘들고 어떻게 소스코드에 색을 입힐 수 있나 찾는 중 좋은 사이트를 찾았네요.
아래와 같이 Syntax가 적용 안된 html 소스코드를 보면 가독성도 안좋고 갑갑합니다..
<html>
<head></head>
<body>
<input type="text">
</body>
</html>
하지만 https://tohtml.com/ 에 가면 아래와 같이 Syntax가 적용된 html 소스코드로 바꿀 수 있습니다.
<html> <head></head> <body> <input type="text"> </body> </html> |
https://tohtml.com/에 접속하면 아래와 같은 화면이 반깁니다.
Source code 부분에 원하는 소스코드를 넣고 오른쪽에 Type 에서 어떤 언어의 Syntax로 바꾸고 싶은지 택하고 Style에서 배경을 택합니다.
그리고 Highlight 버튼을 누르면 싹 변하게 됩니다.
짠 ! 하고 Syntax가 적용된 소스코드가 나옵니다. 이걸 복붙하면 끝!!
반응형
'기타' 카테고리의 다른 글
| Github Action을 활용하여 도커에 환경변수를 주입하는 방법 (0) | 2023.03.27 |
|---|---|
| 이클립스 자주 쓰는 단축키 (0) | 2016.09.04 |