Kod

Pole, które zawiera kod, pokolorowane zgodnie z jego składnią. Jest dostarczane z symfony-coding, a nie z systemu projektowania, z którego tylko pożycza: jego ramka to ramka pola, jego kolory to tokeny kodu schematu, aktualna linia i zaznaczenie to niuanse schematu — więc podąża za jasną i ciemną wersją, jak wszystko wokół.

Pole serwera

Prawdziwe pole tekstowe, na które nakłada się edytor, gdy strona jest uruchomiona. Pole tekstowe pozostaje polem — przesyłane z formularzem, komunikujące się z stosu formularzy — więc formularz działa tak samo z nim, jak i bez niego. Zaznacz w kilku liniach, a linia kursora wśród nich: zaznaczenie pozostaje widoczne.

JSON

{
  "name": "board",
  "services": ["php", "node"],
  "watch": true,
  "port": 8080
}

YAML

# The services an app runs
name: board
services:
  - php
  - node
watch: true
port: 8080

Python

def total(runs):
    # Only the runs that ended count
    return sum(run.items for run in runs if run.done)

Twig

{% for run in runs %}
    <li>{{ run.title }} — {{ run.items }}</li>
{% endfor %}

Pole Vue

Ten sam edytor, który trzyma model: v-model w drodze do i z, język jako właściwość, która może się zmieniać, gdy pole jest otwarte.