[Javascript] 코드 태그에서 공백(빈줄)제거

[Javascript] 코드 태그에서 공백(빈줄)제거

typora 에서 작성한 마크다운을 HTML 로 변환하여 티스토리에 글을 올리는 경우

code 부분에서 빈줄이 생기는 문제점이 발생한다. (VS code 에서 변환하는 경우는 빈줄이 생기지 않는다.)

예를 들어

#!/usr/bin/env python3

from urllib.parse import quote

from urllib.request import urlopen

url = 'http://wikipedia.org/wiki/' + quote("한글")

content = urlopen(url).read()

위의 코드를 입력하면,

이 처럼 맨 줄에 공백이 생긴다.

개발자 도구에서 확인해 보면 " 로 맨 윗줄에 줄바꿈이 있는 것을 확인할 수 있다.

이를 수정하기 위한 자바스크립트를 추가한다.

<script>
$(function(){    
   removeNewline();
});
function removeNewline(){			
	$('pre code').each(function(index){
		var html = $(this).html();
		var re = /^\s(.*)/;
		var newHtml = html.replace(re, '$1');
		$(this).html(newHtml);
	});
}
</script>

각 pre code 태그를 찾아서, 줄 처음의 공백을 제거한 상태로 치환한다.