Código

Um campo que contém código, colorido de acordo com sua gramática. Ele vem com o symfony-coding e não com o sistema de design, do qual apenas empresta: sua estrutura é a de um campo, suas cores são os tokens de código do esquema, sua linha atual e sua seleção são as nuances do esquema — assim, ele segue o modo claro e o escuro como tudo ao seu redor.

Campo do servidor

Uma textarea real, sobreposta pelo editor assim que a página é executada. A textarea permanece sendo o campo — enviada com o formulário, comunicada pela pilha de formulários — então o formulário funciona da mesma forma com ou sem ela. Selecione várias linhas, com a linha do cursor entre elas: a seleção permanece visível.

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 %}

Campo Vue

O mesmo editor segurando um modelo: v-model na entrada e na saída, a linguagem uma propriedade que pode mudar enquanto o campo está aberto.