¿Cómo se cambia el color en las celdas de rebajas ipython / jupyter notebook?

107

Solo estoy buscando formatear una cadena específica dentro de una celda. Cambio el formato de esa celda a "Markdown" pero no estoy seguro de cómo cambiar el color del texto de una sola palabra.

No quiero cambiar el aspecto de todo el cuaderno (a través de un archivo CSS).

ipython markdown ipython-notebook jupyter-notebook punkrockpolly
fuente

Respuestas:

147

Simplemente puede usar etiquetas html sin procesar como

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

Tenga en cuenta que esto no sobrevivirá a una conversión del portátil a látex.

Ya que hay algunas quejas sobre la desaprobación de la solución propuesta. Son totalmente válidos y Scott ya ha respondido a la pregunta con un enfoque más reciente, es decir, basado en CSS. Sin embargo, esta respuesta muestra un enfoque general para usar etiquetas html dentro de IPython para diseñar el contenido de la celda de rebajas más allá de las capacidades de rebajas puras disponibles.

Jakob
fuente
1
@jayarjo ¡En IPython 2.1 esto todavía funciona perfectamente! ¿Puede dar más información sobre lo que ha probado?
Jakob
Funciona para mí con Jupyter NB versión 4.3.1
Austin
65

De manera similar a la respuesta de Jakob, puede usar etiquetas HTML. Solo una nota que el coloratributo de font( <font color=...>) está en desuso en HTML5 . La siguiente sintaxis sería compatible con HTML5:

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

La misma precaución que hizo Jakob probablemente todavía se aplica:

Tenga en cuenta que esto no sobrevivirá a una conversión del portátil a látex.

Scott H
fuente
@jayarjo Acabo de probar mi solución en IPython 1.1.0 y funcionó bien para mí. ¿Puede proporcionar más información sobre lo que probó y cómo está configurado su entorno? Recuerde cambiar el tipo de celda a Markdown, que se puede hacer a través del menú Celda> Tipo de celda.
Scott H
Estoy probando esto en github.
jayarjo
@jayarjo, esta pregunta se refería específicamente a colorear texto en los cuadernos de IPython, que permiten rebajar el texto. Para conocer el comportamiento del color en los archivos de rebajas de GitHub, consulte la siguiente pregunta específicamente sobre ese tema. La respuesta corta es que actualmente no parece haber una forma de especificar el color del texto en los documentos de rebajas de GitHub. stackoverflow.com/questions/11509830/…
Scott H
@ScottH: No entiendo a qué te refieres con "conversión del portátil a látex". Puedo convertir parte del texto en span a látex y jupyter muestra el látex en rojo.
Shishir Pandey
@ShishirPandey: A lo que me refería con "conversión del portátil a látex" es que normalmente se puede convertir un portátil a LaTex (un lenguaje de composición tipográfica) usando ipython nbconvert --to latex mynotebook.ipynb . Alternativamente, en un cuaderno abierto, puede ir a Archivo> Descargar como ...> PDF a través de LaTex. Pero creo que la especificación de color a través del estilo html / css puede no traducirse correctamente en LaTex. No tengo LaTex instalado en este momento, así que no puedo volver a verificar, pero creo que ese es el caso.
Scott H
15

Por ejemplo, si desea que el color del "texto" sea verde, simplemente escriba: 

<font color='green'>text</font>
Chen Rui
fuente
11

Una forma alternativa de hacerlo es ingresar a un entorno LaTeX dentro del cuaderno y cambiar el color desde allí (lo cual es genial si domina más LaTeX que HTML). Ejemplo:

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

se mostraría ciaoen rojo.

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

o

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

Si ninguna de las sugerencias anteriores funciona para usted, intente utilizar el styleatributo.

**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>

Esto me da el siguiente resultado

ingrese la descripción de la imagen aquí

BeNiza
fuente
0

El color del texto se puede cambiar usando,

<span style='color:green'> message/text </span>
Mohit Mehlawat
fuente