워드프레스 강좌 | Crayon Syntax Highlighter - HTML 코드가 깨지는 문제 해결하는 방법

Category

코드를 입력할 때 pre 태그를 이용합니다. 고정폭 글꼴이고, 배경색이나 테두리로 꾸며놓아서 코드를 읽기 편하기 때문입니다.

워드프레스에서 글 작성할 때 에디터 툴바에서 Preformatted를 선택하면 pre 태그를 적용시킬 수 있습니다.

글에 코드를 많이 입력한다면 코드 하이라이트 플러그인을 사용해서 가독성을 높일 수 있습니다. 워드프레스에서 널리 사용되는 코드 하이라이트 플러그인은 Crayon Syntax Highlighter입니다.

그런데, 문제가 발생합니다. 기존에 있던 pre 태그를 이용한 HTML 코드가 깨져서 나옵니다. 몇 개라면 코드를 다시 입력하면 되지만, 여러 곳에 많이 있다면 곤란합니다.

이 문제는 설정에서 해결할 수 있습니다. [설정 - Crayon]에서 [Decode HTML entities in code]에 체크하고 저장합니다.

이제 정상적으로 출력됩니다.

Created on 2018-04-01 11:51 | Updated on 2018-05-16 11:58