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

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).

— punkrockpolly
źródło

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

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

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

13

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.

— Llewlyn
źródło

1

<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

— Fatemeh Asgarinejad
źródło

1

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

— BeNiza
źródło

0

Kolor tekstu można zmienić za pomocą,

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

— Mohit Mehlawat
źródło