Skip to main content

Code Editor

De Code Editor geeft directe toegang tot de onderliggende JSON-definitie van een template. Dit is een geavanceerde functie voor ervaren gebruikers die precieze controle willen over de template-configuratie.

Geavanceerde functie

De Code Editor is bedoeld voor technische gebruikers. Incorrecte wijzigingen kunnen de template onbruikbaar maken. Maak altijd eerst een backup of export van de template.

Code Editor openen​

  1. Open de Template Editor
  2. Klik op het Code-icoon in de werkbalk

Interface​

OnderdeelBeschrijving
TekstveldGroot invoerveld met de JSON-definitie
Opslaan knopPast wijzigingen toe op de template

JSON bewerken​

  1. De volledige template-definitie wordt getoond als geformatteerde JSON
  2. Bewerk de JSON direct in het tekstveld
  3. Klik op Opslaan om wijzigingen toe te passen

JSON structuur​

De template-definitie bevat:

{
  "pages": [...],
  "datamodel": {...},
  "ai": {...},
  "check_ins": [...],
  "workflows": [...],
  "roles": {...}
}

Wanneer gebruiken​

Bulk-wijzigingen​

  • Meerdere velden tegelijk aanpassen
  • Zoeken en vervangen in de hele template
  • Kopiëren van configuraties tussen elementen

Debugging​

  • Onderliggende structuur inspecteren
  • Onverwacht gedrag analyseren
  • Verificatie van visuele wijzigingen

Geavanceerde configuratie​

  • Opties die niet via de UI beschikbaar zijn
  • Complexe filterregels
  • Aangepaste veldconfiguraties

Import/Export​

  • Template-definities kopiëren tussen omgevingen
  • Backup maken van specifieke configuraties
  • Templates delen als code

Validatie​

Wanneer je op Opslaan klikt:

  1. De JSON wordt geparsed
  2. Bij ongeldige JSON krijg je een foutmelding
  3. Bij geldige JSON wordt de definitie toegepast
Geen schema-validatie

De editor valideert alleen of de JSON geldig is, niet of de structuur correct is voor dare2plan. Incorrecte veldnamen of structuren kunnen problemen veroorzaken.

Tips​

JSON formatteren​

De editor toont de JSON met inspringing (2 spaties). Dit maakt de structuur leesbaar:

{
  "pages": [
    {
      "name": "Strategie",
      "grid": { "width": 10, "height": 6 },
      "fields": [...]
    }
  ]
}

Externe editor​

Voor complexe wijzigingen:

  1. Kopieer de JSON naar een externe editor (VS Code, etc.)
  2. Bewerk met syntax-highlighting en validatie
  3. Plak terug in de Code Editor
  4. Klik Opslaan

Backup maken​

Voordat je grote wijzigingen maakt:

  1. Selecteer alle JSON (Ctrl+A)
  2. Kopieer naar klembord (Ctrl+C)
  3. Plak in een tekstbestand als backup

Veelvoorkomende taken​

Veld kopiëren​

  1. Zoek het veld in de fields array van een pagina
  2. Kopieer het hele veldobject
  3. Plak op de gewenste locatie
  4. Pas guid en posities aan

Blok hernoemen​

  1. Zoek het veld met de huidige naam
  2. Wijzig de title eigenschap
  3. Opslaan

Filter aanpassen​

  1. Zoek het veld met het filter
  2. Pas de filters array aan
  3. Opslaan

Best practices​

Kleine stappen​

  • Maak kleine wijzigingen en test tussentijds
  • Bewaar niet te veel wijzigingen tegelijk
  • Controleer het resultaat in de andere editors

Backup​

  • Maak een backup voordat je begint
  • Gebruik de Export-functie voor een volledige backup
  • Bewaar werkende versies

Validatie​

  • Controleer JSON-syntax voor opslaan
  • Test de template na wijzigingen
  • Gebruik de visuele editors om resultaten te verifiëren

Zie ook​