Jak zmienić kolor w notatniku Ipython / Jupyter Markdown Cells?

Question 1

Chcę tylko sformatować określony ciąg w komórce. Zmieniam format tej komórki na „Markdown”, ale nie wiem, jak zmienić kolor tekstu pojedynczego słowa.

Nie chcę zmieniać wyglądu całego notatnika (za pomocą pliku CSS).

Question 2

Możesz po prostu użyć surowych tagów HTML, takich jak

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

Należy pamiętać, że to nie przetrwa konwersji notebooka na lateks.

Ponieważ pojawiają się skargi dotyczące wycofania proponowanego rozwiązania. Są całkowicie słuszne i Scott już odpowiedział na to pytanie, używając nowszego podejścia, tj. Opartego na CSS. Niemniej jednak ta odpowiedź pokazuje pewne ogólne podejście do używania tagów HTML w IPythonie w celu stylizacji zawartości komórki Markdown poza dostępne czyste możliwości Markdown.

Question 3

Podobnie jak w przypadku odpowiedzi Jakoba, możesz użyć tagów HTML. Tylko uwaga, że coloratrybut font( <font color=...>) jest przestarzały w HTML5 . Następująca składnia byłaby zgodna z HTML5:

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

Ta sama uwaga, którą uczynił Jakob, prawdopodobnie nadal obowiązuje:

Należy pamiętać, że to nie przetrwa konwersji notebooka na lateks.

Question 4

Na przykład, jeśli chcesz zmienić kolor „tekstu” na zielony, po prostu wpisz:

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

Question 5

Alternatywnym sposobem na to jest wejście do środowiska LaTeX w notebooku i zmiana koloru z tego miejsca (co jest świetne, jeśli jesteś bardziej biegły w LaTeX niż w HTML). Przykład:

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

wyświetli się ciaona czerwono.

Question 6

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

lub

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

Question 7

Jeśli żadna z powyższych sugestii nie działa dla Ciebie, spróbuj użyć styleatrybutu.

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

Daje mi to następujący wynik

Question 8

Kolor tekstu można zmienić za pomocą,

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

Answer 1

109

Chcę tylko sformatować określony ciąg w komórce. Zmieniam format tej komórki na „Markdown”, ale nie wiem, jak zmienić kolor tekstu pojedynczego słowa.

Nie chcę zmieniać wyglądu całego notatnika (za pomocą pliku CSS).

ipython markdown ipython-notebook jupyter-notebook punkrockpolly
źródło

Answer 2

147

Możesz po prostu użyć surowych tagów HTML, takich jak

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

Należy pamiętać, że to nie przetrwa konwersji notebooka na lateks.

Ponieważ pojawiają się skargi dotyczące wycofania proponowanego rozwiązania. Są całkowicie słuszne i Scott już odpowiedział na to pytanie, używając nowszego podejścia, tj. Opartego na CSS. Niemniej jednak ta odpowiedź pokazuje pewne ogólne podejście do używania tagów HTML w IPythonie w celu stylizacji zawartości komórki Markdown poza dostępne czyste możliwości Markdown.

Jakob
źródło

1

@jayarjo W IPython 2.1 to nadal działa bez zarzutu! Czy możesz podać więcej informacji na temat tego, czego próbowałeś?

Jakob

Działa dla mnie z Jupyter NB w wersji 4.3.1

Austin

Answer 3

1

@jayarjo W IPython 2.1 to nadal działa bez zarzutu! Czy możesz podać więcej informacji na temat tego, czego próbowałeś?

Jakob

Answer 4

Działa dla mnie z Jupyter NB w wersji 4.3.1

Austin

Answer 5

67

Podobnie jak w przypadku odpowiedzi Jakoba, możesz użyć tagów HTML. Tylko uwaga, że coloratrybut font( <font color=...>) jest przestarzały w HTML5 . Następująca składnia byłaby zgodna z HTML5:

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

Ta sama uwaga, którą uczynił Jakob, prawdopodobnie nadal obowiązuje:

Należy pamiętać, że to nie przetrwa konwersji notebooka na lateks.

Scott H.
źródło

@jayarjo Właśnie wypróbowałem moje rozwiązanie w IPython 1.1.0 i działało dobrze. Czy możesz podać więcej informacji na temat tego, co wypróbowałeś i jak skonfigurowano Twoje środowisko? Pamiętaj, aby zmienić typ komórki na Markdown, co można zrobić za pomocą menu Komórka> Typ komórki.

Scott H

Próbuję tego na githubie.

jayarjo

@jayarjo, to pytanie dotyczyło w szczególności kolorowania tekstu w notatnikach IPython, które pozwalają na oznaczanie tekstu. Aby zapoznać się z zachowaniem kolorów w plikach Markdown GitHub, zobacz następujące pytanie dotyczące tego problemu. Krótka odpowiedź jest taka, że wydaje się, że obecnie nie ma sposobu na określenie koloru tekstu w dokumentach promocji GitHub. stackoverflow.com/questions/11509830/…

Scott H

@ScottH: Nie rozumiem, co masz na myśli przez „konwersję notebooka na lateks”. Jestem w stanie przekonwertować część tekstu w span na lateks, a jupyter renderuje lateks na czerwono.

Shishir Pandey

@ShishirPandey: Mówiąc o „konwersji notebooka na lateks”, zwykle można przekonwertować notatnik na LaTex (język składu) ipython nbconvert --to latex mynotebook.ipynb. Alternatywnie w otwartym notatniku możesz przejść do Plik> Pobierz jako ...> PDF przez LaTex. Uważam jednak, że specyfikacja kolorów w stylu html / css może nie zostać poprawnie przetłumaczona na LaTex. W tej chwili nie mam zainstalowanego LaTexa, więc nie mogę ponownie zweryfikować, ale myślę, że tak jest.

Scott H

Answer 6

@jayarjo Właśnie wypróbowałem moje rozwiązanie w IPython 1.1.0 i działało dobrze. Czy możesz podać więcej informacji na temat tego, co wypróbowałeś i jak skonfigurowano Twoje środowisko? Pamiętaj, aby zmienić typ komórki na Markdown, co można zrobić za pomocą menu Komórka> Typ komórki.

Scott H

Answer 7

Próbuję tego na githubie.

jayarjo

Answer 8

@jayarjo, to pytanie dotyczyło w szczególności kolorowania tekstu w notatnikach IPython, które pozwalają na oznaczanie tekstu. Aby zapoznać się z zachowaniem kolorów w plikach Markdown GitHub, zobacz następujące pytanie dotyczące tego problemu. Krótka odpowiedź jest taka, że wydaje się, że obecnie nie ma sposobu na określenie koloru tekstu w dokumentach promocji GitHub. stackoverflow.com/questions/11509830/…

Scott H

Answer 9

@ScottH: Nie rozumiem, co masz na myśli przez „konwersję notebooka na lateks”. Jestem w stanie przekonwertować część tekstu w span na lateks, a jupyter renderuje lateks na czerwono.

Shishir Pandey

Answer 10

@ShishirPandey: Mówiąc o „konwersji notebooka na lateks”, zwykle można przekonwertować notatnik na LaTex (język składu) ipython nbconvert --to latex mynotebook.ipynb. Alternatywnie w otwartym notatniku możesz przejść do Plik> Pobierz jako ...> PDF przez LaTex. Uważam jednak, że specyfikacja kolorów w stylu html / css może nie zostać poprawnie przetłumaczona na LaTex. W tej chwili nie mam zainstalowanego LaTexa, więc nie mogę ponownie zweryfikować, ale myślę, że tak jest.

Scott H

Answer 11

15

Na przykład, jeśli chcesz zmienić kolor „tekstu” na zielony, po prostu wpisz:

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

Chen Rui
źródło

Answer 12

Alternatywnym sposobem na to jest wejście do środowiska LaTeX w notebooku i zmiana koloru z tego miejsca (co jest świetne, jeśli jesteś bardziej biegły w LaTeX niż w HTML). Przykład:

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

wyświetli się ciaona czerwono.

Answer 13

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

lub

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

Answer 14

Jeśli żadna z powyższych sugestii nie działa dla Ciebie, spróbuj użyć styleatrybutu.

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

Daje mi to następujący wynik

Answer 15

0

Kolor tekstu można zmienić za pomocą,

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

Mohit Mehlawat
źródło

Jak zmienić kolor w notatniku Ipython / Jupyter Markdown Cells?

Odpowiedzi: