Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Design Manager

Personnaliser les paramètres du gestionnaire de conception

Dernière mise à jour: juin 15, 2022

Disponible avec :

Marketing Hub Pro, Entreprise
CMS Hub Starter, Pro, Entreprise
Ancienne version Marketing Hub Basique

Personnalisez votre expérience développeur avec les paramètres du gestionnaire de conception. Les paramètres comprennent le comportement du gestionnaire de conception par défaut, les paramètres de code pour les fichiers codés personnalisés et les liens JavaScript.

Pour accéder à ces paramètres :

  • Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
  • Dans le coin inférieur droit, cliquez sur Paramètres, puis sélectionnez Ouvrir les paramètres.

design-manager-settings

  • Cliquez sur le menu déroulant Paramètres pour sélectionner le type de paramètres que vous souhaitez ajuster.

    design-manager-settings-dropdown

Paramètres généraux

  • Ouvrir l'outil de recherche au départ : lorsque vous activez, l'outil de recherche sur la gauche s'ouvre lorsque le gestionnaire de conception s'ouvre pour la première fois.
  • Mettre à Activez ce paramètre si vous souhaitez prévisualiser un fichier à la fois.


Paramètres de code

Apparence

  • Thème : la palette de couleurs utilisée par les éditeurs de code.
  • Police : la police principale et la taille de police utilisées par l'éditeur de code.

Source

  • Taille de la tabulation : la longueur d'un caractère de tabulation quand vous appuyez sur la touche tabulation dans l'éditeur de code.
  • Unité de retrait : le nombre de retraits d'un bloc de code par retrait intelligent.
  • Tabulations Soft : en cas d'activation, la touche tabulation insère des caractères d'espace équivalents à la taille de la tabulation plutôt qu'un caractère tabulation.
  • Retrait intelligent : lorsqu'il est mis à bascule, de nouvelles lignes suivent le retrait à partir de la ligne précédente, à partir du retrait à partir du retrait à partir du retrait à partir du retrait à partir de la ligne précédente
  • Retrait par rapport au format Par exemple, un cas x : une déclaration ou un } de fermeture sera correctement mis en retrait quand il sera inséré.
  • Retrait avec les tabulations
  • Enroulement de ligne : lorsque vous activez, les lignes seront enroulées au lieu de nécessiter un défilement horizontal.
  • Fermer automatiquement les guillemets : lorsqu'il est activé, l'éditeur de code ferme automatiquement les guillemets et les caractères de citation, tels que :

    () [] {} ’’ ””
  • Fermeture automatique des balises : lorsqu'il est activé, l'éditeur de code ferme automatiquement les balises XML.
  • Aligner les accolades : lorsque vous activez, placer le curseur à côté d'un caractère de barre met en avant la barre d'ouverture ou de fermeture correspondante.
  • Correspondance des balises :
  • Continuer de bloquer les commentaires : lorsque vous activez cette option, l'éditeur de code continue automatiquement de bloquer les commentaires lorsque vous créez de nouvelles lignes.


Paramètres des liens JavaScript

  • Cliquez sur le bouton  Activer ou désactiver ESLint pour activer ou désactiver cette option. ESLint prendra le dessus sur JavaScript lorsque vous consulterez la sortie dans les fichiers codés.

    design-manager-coded-file-show-output
  • Dans le panneau de gauche, configurez vos paramètres ESLint. En savoir plus sur la configuration de ESLint.
  • Dans le panneau de droite, une démonstration JavaScript affichera les modifications apportées à gauche.
  • Cliquez sur Restaurer eslintrc par défaut pour restaurer la configuration par défaut.

    js-linter-settings
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.