Bagaimana seseorang mengubah warna pada sel markdown notebook ipython / jupyter?

107

Saya hanya ingin memformat string tertentu dalam sel. Saya mengubah format sel itu menjadi "Penurunan harga" tetapi saya tidak yakin bagaimana cara mengubah warna teks dari satu kata.

Saya tidak ingin mengubah tampilan seluruh notebook (melalui file CSS).

ipython markdown ipython-notebook jupyter-notebook punkrockpolly
sumber

Jawaban:

147

Anda cukup menggunakan tag html mentah seperti

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

Ketahuilah bahwa ini tidak akan bertahan dari konversi notebook ke lateks.

Karena ada beberapa keluhan tentang penghentian solusi yang diusulkan. Mereka benar-benar valid dan Scott telah menjawab pertanyaan tersebut dengan pendekatan yang lebih baru, yaitu pendekatan berbasis CSS. Namun demikian, jawaban ini menunjukkan beberapa pendekatan umum untuk menggunakan tag html dalam IPython untuk mengatur gaya konten sel penurunan harga di luar kemampuan penurunan harga murni yang tersedia.

Jakob
sumber
1
@jayarjo Dalam IPython 2.1 ini masih bekerja dengan sempurna! Dapatkah Anda memberikan lebih banyak informasi tentang apa yang telah Anda coba?
Jakob
Bekerja untuk saya dengan Jupyter NB versi 4.3.1
Austin
66

Begitu pula dengan jawaban Jakob, Anda bisa menggunakan tag HTML. Perlu diketahui bahwa coloratribut font( <font color=...>) sudah usang di HTML5 . Sintaks berikut akan sesuai dengan HTML5:

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

Perhatian yang sama yang dibuat Jakob mungkin masih berlaku:

Ketahuilah bahwa ini tidak akan bertahan dari konversi notebook ke lateks.

Scott H.
sumber
@jayarjo Saya baru saja mencoba solusi saya di IPython 1.1.0, dan itu bekerja dengan baik untuk saya. Dapatkah Anda memberikan lebih banyak informasi tentang apa yang Anda coba dan bagaimana lingkungan Anda disiapkan? Ingatlah untuk mengubah tipe sel menjadi Markdown, yang dapat dilakukan melalui menu Cell> Cell Type.
Scott H
Saya mencoba ini di github.
jayarjo
@jayarjo, pertanyaan ini khusus tentang mewarnai teks di notebook IPython, yang memungkinkan teks penurunan harga. Untuk perilaku warna dalam file penurunan harga GitHub, lihat pertanyaan berikut secara khusus tentang masalah itu. Jawaban singkatnya adalah bahwa saat ini tampaknya tidak ada cara untuk menentukan warna teks dalam dokumen penurunan harga GitHub. stackoverflow.com/questions/11509830/…
Scott H
@ScottH: Saya tidak mengerti apa yang Anda maksud dengan 'konversi notebook ke lateks'. Saya dapat mengubah sebagian teks dalam rentang menjadi lateks dan jupyter membuat lateks menjadi merah.
Shishir Pandey
@ShishirPandey: Apa yang saya maksud dengan "konversi notebook ke lateks" adalah bahwa Anda biasanya dapat mengubah notebook ke LaTex (bahasa penyusunan huruf) menggunakan ipython nbconvert --to latex mynotebook.ipynb. Alternatifnya, di buku catatan terbuka Anda dapat membuka File> Unduh sebagai ...> PDF melalui LaTex. Tetapi saya yakin bahwa spesifikasi warna melalui gaya html / css mungkin tidak diterjemahkan dengan benar ke dalam LaTex. Saya belum menginstal LaTex saat ini, jadi saya tidak dapat memverifikasi ulang, tetapi menurut saya itulah masalahnya.
Scott H
15

Misalnya, jika Anda ingin membuat warna "teks" menjadi hijau, ketik saja: 

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

Cara alternatif untuk melakukannya, adalah dengan memasukkan lingkungan LaTeX di dalam notebook dan mengubah warna dari sana (yang bagus jika Anda lebih fasih dalam LaTeX daripada di HTML). Contoh:

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

akan ditampilkan ciaodengan warna merah.

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

atau

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

Jika tidak ada saran di atas yang berhasil untuk Anda, coba gunakan styleatribut.

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

Ini memberi saya hasil sebagai berikut

masukkan deskripsi gambar di sini

BeNiza
sumber
0

Warna teks dapat diubah menggunakan,

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