javascript WordPress的Prismjs

Posted 2021-05-03

// Usage and detail: https://yuis-programming.com

$(document).ready(function(){

  // console.log('yy') ;

  for (i = 0; i < document.querySelectorAll('article code').length; i++) {

    ["ruby","php","markdown","autohotkey","bash","markup","css","javascript","java","kotlin","json","haskell",
    "sass","scss","sql","batch","python","lua","apacheconf","git","vim","go","yaml","perl","csharp","erb"].forEach(function(value){

      if ( document.querySelectorAll('article code')[i].classList.value ) {

        if ( document.querySelectorAll('article code')[i].classList.value.split(/\s/).indexOf(value) > -1 ){
          // console.log( `including ${value}`)
          document.querySelectorAll('article code')[i].classList.replace( value ,`lang-${value}`)
          document.querySelectorAll('article code')[i].classList.add('line-numbers') ;
        }
      } else {

        document.querySelectorAll('article code')[i].classList.value = "language-markup" ;
        document.querySelectorAll('article code')[i].classList.add('line-numbers') ;
      }
    })
  }

  Prism.highlightAll() ;
});