Puis-je faire en sorte que ReText utilise un type de police différent pour afficher le code?

10

J'utilise ReText 3.1.4 (Lubuntu 12.10) pour prendre des notes pour moi. Je veux savoir s'il est possible d'utiliser une police différente pour afficher du texte marqué comme code en mode aperçu :

Aperçu ReText

Dans l'image, Sortet ~/.config/pcmanfm/lubuntu/desktop-items-0.confsemblent fanées . Je pense que c'est un problème avec Courier (pas seulement dans ReText). Je voudrais utiliser Ubuntu Mono ou DejaVu Sans Mono au lieu de Courier. Est-ce possible? Comment?

J'ai installé tous les logiciels recommandés suggérés au moment de l'installation de Retext à partir du Lubuntu Software Center et ceux inclus, Qt Configuration 4.8.3ce qui permet beaucoup de personnalisation. Je peux utiliser l'onglet Polices de cette application pour changer la police par défaut mais pas celle de la police responsable du texte dans le code représentant:

Aperçu ReText avec une police par défaut différente


la source

Réponses:

10

Nous pouvons utiliser des feuilles de style en cascade (CSS) pour y parvenir.

Si vous êtes nouveau sur CSS et que vous voulez de l'aide / tutoriel, consultez cette question de débordement de pile:

Reportez-vous également au ReText Wiki for Configuration File:

Suivez ces étapes pour créer et modifier le fichier CSS:

  1. ReText stocke ses fichiers de configuration dans ~/.config/ReText project/ReText.conf. Ouvrez votre gestionnaire de fichiers (Nautilus si vous utilisez Ubuntu). Appuyez sur Ctrl+ Hpour afficher tous les fichiers cachés. Maintenant, accédez au répertoire .configReText project. Ici, vous trouverez ReText.conf. Nous aurions besoin de le modifier pour pointer vers notre cssfichier. Mais créons d'abord le cssfichier.

  2. Dans ce même répertoire, créez un fichier appelé myconfig.css(vous pouvez le nommer comme vous voulez). Ouvrez-le maintenant dans un éditeur de texte.

  3. Modifiez le fichier comme ci-dessous:

    code {
        font-family: Ubuntu Mono, DejaVu Sans Mono;
        background-color: #D3D3D3;
    }
    
    pre {
        background-color: #D3D3D3;
    }
    

    De toute évidence, ce que vous voulez, c'est de définir uniquement la font-familypropriété sur codetag. Cependant, je recommande de définir également la background-colorpropriété des balises codeet pre. J'ai mis le background-colorà LightGrey(sa valeur hexadécimale est #D3D3D3). Vous pouvez modifier la couleur selon vos goûts et vos préférences. Le lien suivant devrait vous aider à cet égard.

  4. Modifiez maintenant le fichier de configuration de ReText pour le pointer vers la feuille de style nouvellement créée. Ouvrez ~/.config/ReText project/ReText.confdans votre éditeur de texte et ajoutez le styleSheetparamètre à la fin et pointez-le vers son emplacement. Pour moi c'est:

    styleSheet=/home/aditya/.config/ReText project/myconfig.css
    

    ReText Conf File

    Remarque:

    • Assurez-vous de fournir le chemin d'accès complet au fichier. Il ne peut pas s'étendre en ~tant que votre $HOME.
    • De plus, si vous avez nommé votre fichier css comme autre chose myconfig.cssou si vous l'avez placé dans un autre répertoire, assurez-vous de fournir le nom de fichier et le chemin corrects.
  5. Si vous avez déjà exécuté ReText, fermez-le et redémarrez-le à nouveau pour que les modifications prennent effet.

mission accomplie


Comment savoir quel HTML <tag>modifier

Si vous n'êtes pas sûr des noms de balise, vous pouvez afficher le code HTML de votre démarque, puis apporter vos modifications préférées à CSS.

Menu ÉditionAfficher le code HTML afficherait le balisage de votre texte de démarque.

connaître les balises

Aditya
la source