highlight.js를 사용하여 새로 생성된 코드 블록을 강조표시하는 방법 - javascript -

Question

segmentfault 편집기 등. . . . .

코드 블록만 강조 표시되지 않고 Baidu에서 찾은 콘텐츠입니다

hljs.initHighlightingOnLoad();
onload 중에 렌더링이 실행되지 않나요? 즉, 그 이후의 문서 변경 사항은 실행되지 않습니다. 따라서 인터페이스에서 검색된 문서의 코드를 강조할 수는 없습니다.

새로 생성된 콘텐츠에 대해 이야기하고 있다는 점에 유의하세요. 코드 강조 표시는 유효하지 않으며 사전 코드만 있고 클래스는 없습니다. . .

Answer 1

코드를 강조표시하는 방법은 여러 가지가 있습니다. hljs.initHighlightingOnLoad()단지 강조표시 작업을 문서 로딩 이벤트에 바인딩합니다.

hljs.initHighlightingOnLoad()코드:

으아악

HLJS의 공식 문서를 볼 수 있습니다:
https://highlightjs.org/usage/

사용자 정의 초기화 섹션에 코드 예제가 있습니다:
예 1:

으아악

예 2

으아악

그래서 한 영역만 강조해야 한다면

으아악

언어 관련 구성은 .configure를 통해 구성되며, 구성 항목은 다음을 참조할 수 있습니다: http://highlightjs.readthedoc...