Ontwerpmanager instellingen aanpassen
Laatst bijgewerkt: januari 19, 2023
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.
- Klik op het vervolgkeuzemenuInstellingen om het type instellingen te selecteren dat u wilt aanpassen.
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.
- 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.
Thank you for your feedback, it means a lot to us.
Gerelateerde documentatie
-
Voeg de Google Tag Manager-code toe aan HubSpot-inhoud
U kunt Google Tag Manager integreren met HubSpot om uw door HubSpot gehoste landingspagina's,...
Kennisbank -
Modules maken en bewerken
In de design manager tool kunt u aangepaste gecodeerde modules maken om geavanceerde functies toe te voegen...
Kennisbank -
Maak pagina's in meerdere talen
U kunt inhoud op een HubSpot pagina vertalen in meerdere talen. Door een taalswitcher module toe te voegen...
Kennisbank