> 사용자 화면에서 코드 보여주기

사용자 화면에서 코드 보여주기

2022년 11월 1일

코어의 코드 블록

워드프레스스 코어의 코드 블록을 사용하면 코드를 보여줄 수 있지만, 시인성이 떨어져 syntax highlighting으로 불리는 기능을 추가해 시인성을 올리는 것이 좋습니다.

플러그인 사용

Enlighter

Syntax Highlighting의 고인물이라고 할 수 있습니다.

  • 클래식 에디터, 블록 에디터 지원
  • 매두 다양한 옵션 제공
  • 별도의 블록을 제공합니다.

Code Syntax Block

  • 블록 에디터만 지원
  • 별도의 블록 없이 기본 코드 블록에 syntax highlighting을 제공

Syntax highlighting Code Block

위의 Code Syntax Block을 포킹해 개발한 플러그인으로 일부 추가 기능을 제공합니다.

  • 볼록 에디터만 지원
  • 별도의 블록 없이 기본 코드 블록에 syntax highlighting을 제공
  • 라인 번호
  • 자동 줄바꾸기

결론

위에 열거한 플러그인 이외에도 여러 가지 syntax highlighting이 존재하지만, 특정 플러그인에 대한 의존성이 낮은 게 좋습니다. 따라서 블록 에디터로 편집하는 경우라면, 코어의 코드 블록을 사용하는 Code Syntax Block이나 Syntax highlighting Code Block을 추천합니다. 불가피하게 클랙식 에디터를 써야 한다면 Enlighter를 추천합니다.

0개의 댓글

댓글 제출

    0
    장바구니
    장바구니가 비었습니다.
      할인쿠폰 적용