Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.

Ontwerpmanager instellingen aanpassen

Laatst bijgewerkt: januari 19, 2023

Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Legacy Marketing Hub Basic

Pas uw ontwikkelaarservaring aan met ontwerpbeheerinstellingen. De instellingen omvatten het standaard opstartgedrag van de design manager, code-instellingen voor aangepaste gecodeerde bestanden en JavaScript-inting.

Om toegang te krijgen tot deze instellingen:

  • Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
  • Klik rechtsonder op Instellingen en selecteer vervolgens Instellingen openen.

design-manager-settings

  • Klik op het vervolgkeuzemenuInstellingen om het type instellingen te selecteren dat u wilt aanpassen.

    design-manager-settings-dropdown

Algemene instellingen

  • Open zoeker bij opstarten: indien aangevinkt, zal de zoeker aan de linkerkant worden geopend wanneer de design manager voor het eerst wordt geopend.
  • Voorvertoningbijwerken bij wisselen van bestand: indien aangezet, toont de voorvertoning van de design manager het momenteel geselecteerde bestand. Activeer deze instelling als u een voorbeeld van één bestand tegelijk wilt zien.


Code-instellingen

Uiterlijk

  • Thema: het kleurenschema dat wordt gebruikt door de code-editors.
  • Lettertype: het primaire lettertype en de lettergrootte die worden gebruikt door de code-editor.

Bron

  • Tab grootte: de breedte van een tab karakter bij het indrukken van de tab toets in de code editor.
  • Inspring eenheid: het aantal spaties dat een codeblok moet inspringen door slim inspringen.
  • Soft tabs: indien ingeschakeld, voegt de tab-toets spaties in gelijk aan de tab-grootte in plaats van een tab-teken.
  • Slim inspringen: indien ingeschakeld, volgen nieuwe regels de inspringing van de vorige regel.
  • Inspringen bij opmaak-invoer: indien ingeschakeld, laat u dezelfde regel inspringen bij contextgevoelige invoer. Bijvoorbeeld, een case x: statement, of een afsluitende } zal correct inspringen wanneer deze wordt ingevoegd.
  • Inspringen met tabs: indien ingeschakeld, worden bij automatisch inspringen door slim inspringen of opmaak-invoer tabs gebruikt.
  • Regelsomwikkelen: indien ingeschakeld, worden regels omwikkeld in plaats van dat horizontaal scrollen nodig is.
  • Haakjes automatisch sluiten: indien ingeschakeld, sluit de code-editor automatisch haakjes en aanhalingstekens, zoals:

    () [] {} '' ""
  • Automatisch sluiten van tags: indien aangezet, sluit de code-editor automatisch XML-tags.
  • Overeenkomende haakjes: indien aangezet, wordt door het plaatsen van de cursor naast een haakje het overeenkomstige openende of sluitende haakje gemarkeerd.
  • Overeenkomendetags: indien ingeschakeld, wordt door het plaatsen van de cursor naast een tag de overeenkomstige openende of sluitende tag gemarkeerd.
  • Doorgaan met blokcommentaar: indien aangezet, gaat de code-editor automatisch door met blokcommentaar bij het maken van nieuwe regels.


JavaScript-verfijningsinstellingen

  • Klik op om de schakelaar ESLint inschakelen in of uit te schakelen. Wanneer deze optie is ingeschakeld, zal ESLint JavaScript overnemen bij het bekijken van uitvoer in gecodeerde bestanden.

    design-manager-coded-file-show-output
  • In het linkerpaneel configureert u uw ESLint-instellingen. Meer informatie over het configureren van ESLint.
  • In het rechterpaneel ziet u een JavaScript-demo die de wijzigingen weergeeft die u aan de linkerkant aanbrengt.
  • Klik op Standaardinstellingen herstellen eslintrc om de standaardconfiguratie te herstellen.

    js-linter-settings
Was dit artikel nuttig?
Dit formulier wordt alleen gebruikt voor feedback op documentatie. Ontdek hoe je hulp krijgt met HubSpot.