코딩 TEXT 예쁘게 만들기

전에는 코딩을 블로그에 그냥 TEXT를 붙여 넣었습니다.

그러니까 하나도 예쁘지 않았습니다.

 

그래도 상관없었습니다

내가 전하고 싶은 정보만 전달하면 됐지....

이왕이면  예쁘게 만들어요

---

아래 사이트에서 코딩을 좀 더 예쁘게 만들 수 있습니다.

https://colorscripter.com/

1. 코딩 소스를 붙여 넣습니다. (CTRL+C 복사 CTRL+V 붙여 넣기)

2. XML, HTML 등 스타일을 선택해서 색을 자동으로 변경할 수 있습니다.

3. 줄 등을 표시하거나 표시하지 않게 설정할 수 있습니다.

---

그런 후 HTML로 복사, 또는 클립 보드에 복사를 클릭해서

초록색 표시에 클릭 후 CTRL+C를 눌러 복사합니다.

(크롬 같은 경우는 자동으로 클립보드에 복사가 안 됩니다)

 

블로그 등에 HTML 편집에서 해당 위치를 찾아  붙여 넣으면 됩니다.

(CTRL+V)  또는 (CTRL+ALT+INS)

---

하지만 HTML을 블로그 등에 붙여 넣기 하고 봤을 때

위 처럼 Colored by color Scripter과 CS 표시가 따라붙습니다.

상관없으면 그냥 사용하시면 됩니다.

 

만일 보기 싫으시다면 

Colored by color Scripter는 블로그 편집에서 

드레그해서  Del 키를 눌러 삭제해도 됩니다.

 

cs 표시는 HTML 에서 찾아 직접 삭제 해 줘야 합니다.

 

HTML에서 아래 코딩 부분을 찾아 삭제해 주세요

 

Colored by Color Scripter 없애기
<div style="text-align: right; margin-top: -13px; margin-right: 5px; font-size: 9px; font-style: italic;"><a style="color: #e5e5e5text-decoration:none;" href="http://colorscripter.com/info#e" target="_blank" rel="noopener">Colored by Color Scripter</a></div>

 

cs 없애기
<span style="font-size: 9px; word-break: normal; background-color: #e5e5e5; color: white; border-radius: 10px; padding: 1px;">cs</span>

cs 등 마크 삭제.txt

0.00MB

---

* 데이터가 많다면  일단 포스트 완성 후 HTML 데이터를 복사해

메모장에 옮긴후 CTRL+H 를 눌러 일괄 변경 후 다시 웹에 복사해 넣어도 될것 같습니다.