[JS Library] Prism.js

μ†Œμ΄λŽΒ·2023λ…„ 11μ›” 13일
0

JS Library

λͺ©λ‘ 보기
3/3
post-thumbnail

πŸ“ Prism.js

  • μ½”λ“œ ν•˜μ΄λΌμ΄νŒ…μ„ μœ„ν•œ JavaScript λΌμ΄λΈŒλŸ¬λ¦¬μ΄λ‹€.

πŸ“ μ‚¬μš© 방법

  • Prism.jsμ—μ„œ μ›ν•˜λŠ” 쑰건 선택 ν›„ JS, CSS νŒŒμΌμ„ λ‹€μš΄λ‘œλ“œν•œλ‹€.
  • λ‹€μš΄λ‘œλ“œν•œ JS, CSS νŒŒμΌμ„ ν”„λ‘œμ νŠΈ 내뢀에 μ €μž₯ν•œλ‹€.
  • HTML λ¬Έμ„œμ— JS(<script>), CSS(<link>) νŒŒμΌμ„ λ‘œλ“œν•œλ‹€.
  • <pre>, <code class="language-μ–Έμ–΄">λ₯Ό μ‚¬μš©ν•˜μ—¬ μ½”λ“œλ₯Ό μž‘μ„±ν•œλ‹€.
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>prism</title>
    <link rel="stylesheet" type="text/css" href="prism.css" />
    <script src="prism.js"></script>
  </head>
  <body>
    <pre>
      <code class="language-java">
package ex01;

public class Ex01 {

  public static void main(String[] args) {
    System.out.println("Hello, world");
  }
  
}
      </code>
    </pre>
  </body>
</html>

References

πŸ”— https://prismjs.com/index.html

0개의 λŒ“κΈ€

κ΄€λ ¨ μ±„μš© 정보

Powered by GraphCDN, the GraphQL CDN