Comment change-t-on la couleur dans les cellules markdown notebook ipython / jupyter?


107

Je cherche uniquement à formater une chaîne spécifique dans une cellule. Je change le format de cette cellule en "Markdown" mais je ne sais pas comment changer la couleur du texte d'un seul mot.

Je ne veux pas changer l'apparence de tout le notebook (via un fichier CSS).

Réponses:


147

Vous pouvez simplement utiliser des balises html brutes comme

foo <font color='red'>bar</font> foo

Sachez que cela ne survivra pas à une conversion du notebook en latex.

Comme il y a quelques plaintes concernant la dépréciation de la solution proposée. Ils sont totalement valables et Scott a déjà répondu à la question avec une approche plus récente, c'est-à-dire basée sur CSS. Néanmoins, cette réponse montre une approche générale pour utiliser des balises html dans IPython pour styliser le contenu des cellules de démarquage au-delà des capacités de démarquage pures disponibles.


1
@jayarjo Dans IPython 2.1, cela fonctionne toujours parfaitement! Pouvez-vous donner plus d'informations sur ce que vous avez essayé?
Jakob

Fonctionne pour moi avec Jupyter NB version 4.3.1
Austin

66

Comme pour la réponse de Jakob, vous pouvez utiliser des balises HTML. Juste une note que l' colorattribut de font( <font color=...>) est obsolète en HTML5 . La syntaxe suivante serait compatible HTML5:

This <span style="color:red">word</span> is not black.

La même mise en garde que Jakob a faite s'applique probablement toujours:

Sachez que cela ne survivra pas à une conversion du notebook en latex.


@jayarjo Je viens d'essayer ma solution dans IPython 1.1.0, et cela a bien fonctionné pour moi. Pouvez-vous fournir plus d'informations sur ce que vous avez essayé et sur la configuration de votre environnement? N'oubliez pas de changer le type de cellule en Markdown, ce qui peut être fait via le menu Cellule> Type de cellule.
Scott H

J'essaye ça sur github.
jayarjo

@jayarjo, cette question concernait spécifiquement la coloration du texte dans les blocs-notes IPython, qui autorisent le texte de démarquage. Pour le comportement de la couleur dans les fichiers de démarque GitHub, consultez la question suivante spécifiquement sur ce problème. La réponse courte est qu'il ne semble pas y avoir actuellement de moyen de spécifier la couleur du texte dans les documents de démarquage GitHub. stackoverflow.com/questions/11509830/…
Scott H

@ScottH: Je ne comprends pas ce que vous entendez par «conversion du notebook en latex». Je suis capable de convertir une partie du texte en span en latex et jupyter rend le latex en rouge.
Shishir Pandey

@ShishirPandey: Ce à quoi je faisais référence avec "conversion du notebook en latex", c'est que vous pouvez normalement convertir un notebook en LaTex (un langage de composition) en utilisant ipython nbconvert --to latex mynotebook.ipynb. Sinon, dans un cahier ouvert, vous pouvez aller dans Fichier> Télécharger en tant que ...> PDF via LaTex. Mais je crois que la spécification de couleur via le style html / css peut ne pas être traduite correctement dans le LaTex. Je n'ai pas installé LaTex pour le moment, donc je ne peux pas revérifier, mais je pense que c'est le cas.
Scott H

15

Par exemple, si vous souhaitez rendre la couleur du "texte" verte, tapez simplement:

<font color='green'>text</font>

11

Une autre façon de faire cela est d'entrer dans un environnement LaTeX dans le notebook et de changer de couleur à partir de là (ce qui est génial si vous maîtrisez mieux LaTeX que HTML). Exemple:

$\color{red}{\text{ciao}}$

s'afficherait ciaoen rouge.


1
<p style="font-family: Arial; font-size:1.4em;color:gold;"> Golden </p>

ou

Text <span style="font-family: Arial; font-size:1.4em;color:gold;"> Golden </p> Text

1

Si aucune des suggestions ci-dessus ne fonctionne pour vous, essayez d'utiliser l' styleattribut.

**Notes**
<p style="color:red;">ERROR: Setting focus didn't work for me when I tried from jupyter. However it worked well when I ran it from the terminal</p>

Cela me donne le résultat suivant

entrez la description de l'image ici


0

La couleur du texte peut être modifiée en utilisant,

<span style='color:green'> message/text </span>
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.