Come si cambia il colore nelle celle di markdown ipython / jupyter notebook?

107

Sto solo cercando di formattare una stringa specifica all'interno di una cella. Ho cambiato il formato di quella cella in "Markdown" ma non sono sicuro di come cambiare il colore del testo di una singola parola.

Non voglio cambiare l'aspetto dell'intero taccuino (tramite un file CSS).

— punkrockpolly
fonte

147

Puoi semplicemente usare tag html non elaborati come

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

Tieni presente che questo non sopravviverà a una conversione del notebook in lattice.

Poiché ci sono alcune lamentele sulla deprecazione della soluzione proposta. Sono totalmente valide e Scott ha già risposto alla domanda con un approccio più recente, cioè basato sui CSS. Tuttavia, questa risposta mostra un approccio generale per utilizzare i tag html all'interno di IPython per modellare il contenuto della cella di markdown oltre le funzionalità di markdown pure disponibili.

— Jakob
fonte

1

@jayarjo In IPython 2.1 funziona ancora perfettamente! Puoi dare maggiori informazioni su quello che hai provato?

— Jakob

Per me funziona con Jupyter NB versione 4.3.1

— Austin

65

Analogamente alla risposta di Jakob, puoi utilizzare i tag HTML. Solo una nota che l' colorattributo di font( <font color=...>) è deprecato in HTML5 . La seguente sintassi sarebbe conforme a HTML5:

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

La stessa cautela di Jakob probabilmente si applica ancora:

Tieni presente che questo non sopravviverà a una conversione del notebook in lattice.

— Scott H
fonte

@jayarjo Ho appena provato la mia soluzione in IPython 1.1.0 e ha funzionato bene per me. Potete fornire maggiori informazioni su ciò che avete provato e su come è configurato il vostro ambiente? Ricorda di cambiare il tipo di cella in Markdown, che può essere fatto tramite il menu Cella> Tipo di cella.

— Scott H

Lo sto provando su GitHub.

— jayarjo

@jayarjo, questa domanda riguardava specificamente la colorazione del testo nei notebook IPython, che consentono il markdown del testo. Per il comportamento del colore nei file di markdown di GitHub, vedere la seguente domanda in modo specifico su quel problema. La risposta breve è che attualmente non sembra esserci un modo per specificare il colore per il testo nei documenti di markdown di GitHub. stackoverflow.com/questions/11509830/…

— Scott H

@ScottH: non capisco cosa intendi per "conversione del notebook in latex". Sono in grado di convertire parte del testo in span in lattice e jupyter rende il lattice in rosso.

— Shishir Pandey

@ ShishirPandey: Ciò a cui mi riferivo con la "conversione del notebook in latex" è che normalmente puoi convertire un notebook in LaTex (un linguaggio di composizione) usando ipython nbconvert --to latex mynotebook.ipynb. In alternativa, in un taccuino aperto puoi andare su File> Scarica come ...> PDF tramite LaTex. Ma credo che la specifica del colore tramite lo stile html / css potrebbe non essere tradotta correttamente in LaTex. Non ho LaTex installato al momento, quindi non posso verificare nuovamente, ma penso che sia così.

— Scott H

15

Ad esempio, se vuoi rendere verde il colore del "testo", digita semplicemente:

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

— Chen Rui
fonte

11

Un modo alternativo per farlo è entrare in un ambiente LaTeX all'interno del notebook e cambiare colore da lì (il che è ottimo se si è più fluenti in LaTeX che in HTML). Esempio:

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

verrebbe visualizzato ciaoin rosso.

— Llewlyn
fonte

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
fonte

1

Se nessuno dei suggerimenti precedenti funziona per te, prova a utilizzare l' styleattributo.

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

Questo mi dà il seguente risultato

— BeNiza
fonte

0

Il colore del testo può essere modificato utilizzando,

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

— Mohit Mehlawat
fonte