인라인 코드 적용하기

알고리즘 글 쓸 때 인라인 코드가 필요할 때가 있는데,
매번 마크다운에서 기본모드로 이동하는게 번거로워서 적용해봤다.

[티스토리]10초만에 가능한 인라인 코드블록 편하게 적용하는 방법

 

위 포스트를 보고 적용했는데 내 티스토리는 스킨이 적용되어 있어서 적용이 안됐다!!
원래 코드는 

let textNodes = document.querySelectorAll("div.tt_article_useless_p_margin.contents_style > *:not(figure):not(pre)");

이거였는데 보면 `div` 아래 `tt_article_useless_p_margin` 밑의 `contents_style` 속성에 적용하고 있다.

하지만 내가 적용한 스킨은 `div` 밑에 `contents_style` 이 있는 걸 볼 수 있다.

 

그래서 `div.contents_style` 로 변경해주었더니 적용이 잘된다! 

<script> 
	window.onload = function() { 
		let textNodes = Array.from(document.querySelectorAll("div.contents_style *"))
    				.filter(node => !node.closest('figure') && !node.closest('pre') && !node.querySelector('a'));

		textNodes.forEach(node => {
			node.innerHTML = node.innerHTML.replace(/`([\s\S]+?)`/g, `<code class='notion-code'>$1</code>`);
		});
	}
  </script>