Wie ändert man die Farbe in Markdown-Zellen ipython / jupyter Notebook?

106

Ich möchte nur eine bestimmte Zeichenfolge innerhalb einer Zelle formatieren. Ich ändere das Format dieser Zelle in "Markdown", bin mir aber nicht sicher, wie ich die Textfarbe eines einzelnen Wortes ändern soll.

Ich möchte das Aussehen des gesamten Notebooks nicht ändern (über eine CSS-Datei).

Punkrockpolly
quelle

Antworten:

146

Sie können einfach rohe HTML-Tags wie verwenden

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

Beachten Sie, dass dies eine Umstellung des Notebooks auf Latex nicht überlebt.

Da gibt es einige Beschwerden über die Ablehnung der vorgeschlagenen Lösung. Sie sind absolut gültig und Scott hat die Frage bereits mit einem neueren, dh CSS-basierten Ansatz beantwortet. Diese Antwort zeigt jedoch einen allgemeinen Ansatz zur Verwendung von HTML-Tags in IPython, um Markdown-Zelleninhalte über die verfügbaren reinen Markdown-Funktionen hinaus zu gestalten.

Jakob
quelle
1
@ jayarjo In IPython 2.1 funktioniert dies immer noch einwandfrei! Können Sie weitere Informationen darüber geben, was Sie versucht haben?
Jakob
Funktioniert für mich mit Jupyter NB Version 4.3.1
Austin
64

Ähnlich wie bei Jakobs Antwort können Sie HTML-Tags verwenden. Nur ein Hinweis, dass das colorAttribut von font( <font color=...>) in HTML5 veraltet ist . Die folgende Syntax wäre HTML5-kompatibel:

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

Die gleiche Vorsicht, die Jakob gemacht hat, gilt wahrscheinlich immer noch:

Beachten Sie, dass dies eine Umstellung des Notebooks auf Latex nicht überlebt.

Scott H.
quelle
@ jayarjo Ich habe gerade meine Lösung in IPython 1.1.0 ausprobiert und es hat gut für mich funktioniert. Können Sie weitere Informationen darüber geben, was Sie versucht haben und wie Ihre Umgebung eingerichtet ist? Denken Sie daran, den Zelltyp in Markdown zu ändern. Dies kann über das Menü Zelle> Zelltyp erfolgen.
Scott H
Ich versuche das auf Github.
Jayarjo
@ jayarjo, diese Frage bezog sich speziell auf das Färben von Text in IPython-Notizbüchern, die Markdown-Text ermöglichen. Informationen zum Verhalten von Farben in GitHub-Markdown-Dateien finden Sie in der folgenden Frage speziell zu diesem Thema. Die kurze Antwort lautet, dass es derzeit anscheinend keine Möglichkeit gibt, die Farbe für Text in GitHub-Markdown-Dokumenten anzugeben. stackoverflow.com/questions/11509830/…
Scott H
@ScottH: Ich verstehe nicht, was Sie unter "Umstellung des Notebooks auf Latex" verstehen. Ich kann einen Teil des Textes in span in Latex konvertieren und jupyter rendert den Latex in rot.
Shishir Pandey
@ShishirPandey: Was ich mit "Konvertierung des Notebooks in Latex" gemeint habe, ist, dass Sie ein Notebook normalerweise mit LaTex (einer Satzsprache) konvertieren können ipython nbconvert --to latex mynotebook.ipynb. Alternativ können Sie in einem geöffneten Notizbuch über LaTex zu Datei> Herunterladen als ...> PDF wechseln. Ich glaube jedoch, dass die Farbspezifikation über den HTML / CSS-Stil möglicherweise nicht korrekt in LaTex übersetzt wird. Ich habe LaTex momentan nicht installiert, daher kann ich es nicht erneut überprüfen, aber ich denke, das ist der Fall.
Scott H
15

Wenn Sie beispielsweise die Farbe "Text" grün machen möchten, geben Sie einfach Folgendes ein:

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

Eine alternative Möglichkeit besteht darin, eine LaTeX-Umgebung in das Notebook einzugeben und von dort aus die Farbe zu ändern (was großartig ist, wenn Sie LaTeX fließender als HTML beherrschen). Beispiel:

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

würde ciaoin rot angezeigt .

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

oder

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

Wenn keiner der oben genannten Vorschläge für Sie funktioniert, versuchen Sie, das styleAttribut zu verwenden.

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

Dies gibt mir das folgende Ergebnis

Geben Sie hier die Bildbeschreibung ein

BeNiza
quelle
0

Die Textfarbe kann geändert werden mit:

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