JSFiddle - React, Tailwind, and code Playground

by kikkoma

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/agate.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<pre><code>
{
  "APITOKEN": "9392CBB5-B09B-4716-B69D-7A7829E2461F",
  "STATUS": 1,
  "MESSAGE": null,
  "TRANSACTIONID": null,
  "RETURNROWS": 3,
  "PRICE": 3.0,
  "RESPONSE": [
    {
      "UNIT": "BA",
      "SEC": "0001",
      "NO": "00010000",
      "RCLOR": [
        {
          "CC01": "0002000",
          "CC05": "0940224",
          "CC06": "83",
          "CC15_1": "A",
          "CC15_2": "1",
          "CC15_3": "1",
          "CC15_4": null,
          "CC18_1": "A",
          "CC18_2": "1",
          "CC18_3": "1",
          "CC27": "B",
          "CC28_1": "A",
          "CC29": "09403063050",
          "RTOGH": [
            {
              "TC17_1": "C",
              "TC17_2": "4800000",
              "TC20_1": "A",
              "TC20_2": null,
              "TC21_1": "A",
              "TC21_2": null,
              "TC22_1": "A",
              "TC22_2": null,
              "TC23_1": "A",
              "TC23_2": null,
              "TC26_1": null,
              "TC26_2": null,
              "TC27_1": null,
              "TC27_2": null,
              "TC27_3": null,
              "TC28_1": null,
              "TC28_2": null
            }
          ],
          "RGALL": []
        }
      ]
    },
    {
      "UNIT": "BA",
      "SEC": "0002",
      "NO": "00030002",
      "RCLOR": [
        {
          "CC01": "0003000",
          "CC05": "1020926",
          "CC06": "83",
          "CC15_1": "A",
          "CC15_2": "1",
          "CC15_3": "1",
          "CC15_4": null,
          "CC18_1": "A",
          "CC18_2": "1",
          "CC18_3": "1",
          "CC27": "N",
          "CC28_1": "A",
          "CC29": "102BA01210910",
          "RTOGH": [
            {
              "TC17_1": "N",
              "TC17_2": "30600000",
             ...

CSS

code {
	  background: #f8f8f8;
	  border-radius: 6px;
	  border: solid 1px #e5e5e5;
	  font-family: 微軟正黑體;
	  font-size: 0.9em;
	  margin: 0 0.25em;
	  padding: 0.25em 0.65em;
	  line-height: 20px;
	}

JavaScript

hljs.initHighlightingOnLoad();