[블로그팁] 프리즘 Prism.js 소스코드 하이라이터 테마 안깨지게 하기

위의 그림처럼 블로그에 소스코드를 포스팅할 때 예쁘게 소스코드를 넣었는데 추후

글 수정했을 때 소스코드가 깨져서 보이면 어떻게 해야할까요?

※위 사례는 소스코드 하이라이터 Prism.js 프리즘을 이용했을 때 예시입니다.

 

---

 

그림1

글을 쓸 때 그림1 기본 모드에서 HTML로 선택합니다.

 

그림2

그림2처럼

<pre class="line-numbers"><code class="language-언어이름">코드입력</code></pre>

입력하시면 추후 글을 편집할 때 소스코드 일부분이 날아가서

그림3

그림3처럼 보이게 됩니다. ㅡ,.ㅡ;;

 

그림5

 

수정 페이지에 들어가면 그림5처럼 code class 코드 클래스가 날아가게 됩니다..(아마도 티스토리 버그인 듯?)

 

그러므로

 

 

그림4

그림4처럼 

<pre class="line-numbers language-언어이름">코드입력<code>

작성하시면 추후 글을 수정할 때 디자인이 깨지지 않게 글 수정이 가능합니다.

 

 

 

public static void main(String[] args) throws Exception{
		System.out.println("COMDORI블로그");
	}

 

↑ 이렇게 깔끔하고 예쁘게 소스코드가 보이시죠? ㅎㅎ

 

---

봐주셔서 감사합니다.

본 게시글이 도움되셨으면 광고 및 좋아요 ♡ 클릭 부탁드립니다! 
#컴돌이블로그 #컴돌이 #COMDORI #프리즘 #Prism