Langsung ke konten utama

PrismJS Mod editor view

  : Desember 30, 2022

Kode Editor PrismJS dengan Syntax highlighter 4 bahasa pemrograman web.

Language HTML

<!-- HTML Comments -->
<html>
  <head>
    <style id='main-skin'>
    /*-- CSS Comments--*/
    selector {
    property: value;
    }
    </style>
  </head>
  <body class='loading'>
    <main>
      <div class='class-name' id='id-name'>
        <p>Test Paragragf</p>
      </div>
    </main>
  </body>
</html>

Language CSS

/*-- CSS Comments--*/
<style id='main-skin'>
  /*-- CSS Comments--*/
  selector {
    property: value;
  }
  div {
  width: 100px;
  height: 50%;
  }
  div::before {
  content:'\f023';
  width: calc(100% / 4);
  }
  @media screen and (max-width: 640px) {
  selector {
    property: value;
  }
  }
</style>

Language JAVASCRIPT

// ---- Javascript Comments
<script>//<![CDATA[
  function handyCopier(elementId) {
  var aux = document.createElement("input");
  aux.setAttribute("value", document.getElementById(elementId).innerHTML);
  document.body.appendChild(aux);
  aux.select();
  document.execCommand("copy");
  document.body.removeChild(aux);

        alert("Berhasil disalin :" + aux.value);
        document.body.removeChild(aux);
  }
//]]&lgt;</script>

Language MARKUP

<div class='link' id='bottom-link'>
<a class='facebook' href='https://www.facebook.com' onclick="window.open(this.href, 'windowName', 'width=720, height=720, left=300, top=24, scrollbars, resizable'); return false;" rel='nofollow'>Demo</a>
</div>