Code Block

Root Data of Code Block

{
  "id": "UPpuuuwRY", // Block ID
  "type": "code", // Block type
  nowrap: true, // Auto wrap: false (default), No wrap: true
  "children": [
    "RXv5PsIIX" // Code container ID (same as Block ID)
  ],
  "language": "js" // Code language type
}

Code Block Container Data

{
  // Data is at the same level as "blocks",
  // key corresponds to "children" in the root data of the code block
  "RXv5PsIIX": [
    {
      "id": "RrXMHlUPt", // Block ID
      "type": "text", // Block type
      "text": [
        {
          "insert": "var a = 1;"
        }
      ]
    },
    {
      "id": "X2wqboWmD", // Block ID
      "type": "text", // Block type
      "text": [
        {
          "insert": "var b = 'abc';"
        }
      ]
    }
  ],
  "blocks": [...]
}

Supported Code Languages

{
  abap: { name: 'ABAP', aliases: ['abap'] },
  arduino: { name: 'Arduino', aliases: ['ino'] },
  bash: { name: 'Bash', aliases: ['sh', 'shell'] },
  basic: { name: 'BASIC', aliases: ['bas'] },
  c: { name: 'C', aliases: ['c'] },
  clojure: { name: 'Clojure', aliases: ['clj'] },
  cofeescript: { name: 'CoffeeScript', aliases: ['coffee'] },
  cpp: { name: 'C++', aliases: ['cpp', 'cxx'] },
  csharp: { name: 'C#', aliases: ['cs'] },
  css: { name: 'CSS', aliases: ['css'] },
  dart: { name: 'Dart', aliases: ['dart'] },
  diff: { name: 'Diff', aliases: ['diff', 'patch'] },
  docker: { name: 'Docker', aliases: ['dockerfile'] },
  elixir: { name: 'Elixir', aliases: ['ex', 'exs'] },
  elm: { name: 'Elm', aliases: ['elm'] },
  erlang: { name: 'Erlang', aliases: ['erl'] },
  flow: { name: 'Flow', aliases: ['flow'] },
  fortran: { name: 'Fortran', aliases: ['f', 'for', 'f77', 'f90'] },
  fsharp: { name: 'F#', aliases: ['fsharp'] },
  gherkin: { name: 'Gherkin', aliases: ['feature'] },
  glsl: { name: 'GLSL', aliases: ['glsl'] },
  go: { name: 'Go', aliases: ['go'] },
  graphql: { name: 'GraphQL', aliases: ['graphql'] },
  groovy: { name: 'Groovy', aliases: ['groovy'] },
  haskell: { name: 'Haskell', aliases: ['hs'] },
  markup: { name: 'HTML / XML', aliases: ['html', 'htm', 'xml', 'xsd', 'xsl', 'xslt', 'wsdl'] },
  java: { name: 'Java', aliases: ['java'] },
  js: { name: 'JavaScript', aliases: ['js', 'jsx'] },
  json: { name: 'JSON', aliases: ['json'] },
  julia: { name: 'Julia', aliases: ['jl'] },
  kotlin: { name: 'Kotlin', aliases: ['kt', 'ktm', 'kts'] },
  latex: { name: 'LaTeX', aliases: ['tex'] },
  less: { name: 'LESS', aliases: ['less'] },
  lisp: { name: 'Lisp', aliases: ['lisp'] },
  livescript: { name: 'LiveScript', aliases: ['ls'] },
  lua: { name: 'Lua', aliases: ['lua'] },
  makefile: { name: 'Makefile', aliases: ['mk', 'mak'] },
  markdown: { name: 'Markdown', aliases: ['md', 'mkdown', 'mkd'] },
  matlab: { name: 'MATLAB', aliases: ['matlab'] },
  mermaid: { name: 'Mermaid', aliases: ['mermaid'] },
  nix: { name: 'Nix', aliases: ['nix'] },
  objectivec: { name: 'Objective-C', aliases: ['m', 'mm'] },
  ocaml: { name: 'OCaml', aliases: ['ml'] },
  pascal: { name: 'Pascal', aliases: ['pas'] },
  perl: { name: 'Perl', aliases: ['pl', 'pm'] },
  php: { name: 'PHP', aliases: ['php'] },
  plain: { name: i18n.t('code.plainText'), aliases: ['txt', 'text'] },
  powershell: { name: 'PowerShell', aliases: ['ps', 'ps1'] },
  prolog: { name: 'Prolog', aliases: ['plg'] },
  protobuf: { name: 'Protocol Buffers', aliases: ['proto'] },
  python: { name: 'Python', aliases: ['py'] },
  r: { name: 'R', aliases: ['r'] },
  reason: { name: 'Reason', aliases: ['re', 'rei'] },
  ruby: { name: 'Ruby', aliases: ['rb'] },
  rust: { name: 'Rust', aliases: ['rs'] },
  sass: { name: 'Sass', aliases: ['sass'] },
  scala: { name: 'Scala', aliases: ['scala'] },
  scheme: { name: 'Scheme', aliases: ['scm', 'sm'] },
  scss: { name: 'SCSS', aliases: ['scss'] },
  solidity: { name: 'Solidity', aliases: ['sol'] },
  sql: { name: 'SQL', aliases: ['sql'] },
  swift: { name: 'Swift', aliases: ['swift'] },
  typescript: { name: 'TypeScript', aliases: ['ts', 'tsx'] },
  vbnet: { name: 'VB.Net', aliases: ['vbnet'] },
  verilog: { name: 'Verilog', aliases: ['v'] },
  vhdl: { name: 'VHDL', aliases: ['vhdl'] },
  'visual-basic': { name: 'Visual Basic', aliases: ['vb', 'vba'] },
  wasm: { name: 'WebAssembly', aliases: ['wasm'] },
  yaml: { name: 'YAML', aliases: ['yaml'] },
}

Examples

Code

{
  "blocks": [
    {
      "id": "nA0PhJdao",
      "type": "text",
      "text": [
        {
          "insert": "Demo"
        }
      ],
      "heading": 1,
      "quoted": false
    },
    {
      "id": "UPpuuuwRY",
      "type": "code",
      nowrap: true,
      "children": [
        "RXv5PsIIX"
      ],
      "language": "js"
    },
    {
      "id": "dTg25Pw0N",
      "type": "code",
      nowrap: false,
      "children": [
        "dkVa9jbkX"
      ],
      "language": "sql"
    },
    {
      "id": "E6JCZJ_Lz",
      "type": "text",
      "text": []
    }
  ],
  "RXv5PsIIX": [
    {
      "id": "RrXMHlUPt",
      "type": "text",
      "text": [
        {
          "insert": "var a = 1;"
        }
      ]
    },
    {
      "id": "X2wqboWmD",
      "type": "text",
      "text": [
        {
          "insert": "var b = 'abc';"
        }
      ]
    }
  ],
  "dkVa9jbkX": [
    {
      "id": "dDQq_WDUn",
      "type": "text",
      "text": [
        {
          "insert": "select * from table where id = 123;"
        }
      ]
    }
  ]
}