マークダウンセルのipython / jupyterノートブックで色をどのように変更しますか?


106

セル内の特定の文字列をフォーマットすることだけを探しています。そのセルのフォーマットを「Markdown」に変更しましたが、1つの単語のテキストの色変更する方法がわかりません

(CSSファイルを介して)ノートブック全体の外観を変更したくありません。

回答:


146

あなたは単純に生のhtmlタグを使うことができます

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

これはノートブックからラテックスへの変換を生き残ることができないことに注意してください。

提案されたソリューションの廃止についていくつかの不満があるので。それらは完全に有効であり、スコットはより最近の、つまりCSSベースのアプローチですでに質問に回答しています。それにもかかわらず、この回答は、IPython内でHTMLタグを使用して、使用可能な純粋なマークダウン機能を超えてマークダウンセルのコンテンツをスタイルするいくつかの一般的なアプローチを示しています。


1
@jayarjo IPython 2.1では、これはまだ完璧に動作します!何を試したのか、詳しく教えてもらえますか?
Jakob 14

Jupyter NBバージョン4.3.1で私に対応
オースティン

64

Jakobの回答と同様に、HTMLタグを使用できます。()のcolor属性はHTML5では推奨されないことに注意してください。次の構文はHTML5に準拠しています。font<font color=...>

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

ヤコブがしたと同じ警告がおそらくまだ当てはまる:

これはノートブックからラテックスへの変換を生き残ることができないことに注意してください。


@jayarjo私はIPython 1.1.0で自分のソリューションを試したところ、うまくいきました。何を試したか、環境がどのように設定されているかについて、詳しい情報を提供できますか?セルタイプをMarkdownに変更することを忘れないでください。これは、[セル]> [セルタイプ]メニューから実行できます。
スコットH 14

私はこれをgithubで試しています。
jayarjo 2014

@jayarjo、この質問は特に、マークダウンテキストを許可するIPythonノートブックのテキストに色を付けることに関するものでした。GitHubマークダウンファイルでの色の動作については、その問題について特に次の質問を参照してください。簡単に言えば、GitHubマークダウンドキュメントでテキストの色を指定する方法は現在のところないようです。 stackoverflow.com/questions/11509830/...
スコット・H

@ScottH:「ノートブックをラテックスに変換する」という意味がわかりません。私はスパンのテキストの一部をラテックスに変換でき、jupyterはラテックスを赤でレンダリングします。
Shishir Pandey 2015

@ShishirPandey:「ノートブックからラテックスへの変換」で私が言及していたのは、通常はを使用してノートブックをLaTex(植字言語)に変換できるということですipython nbconvert --to latex mynotebook.ipynb。または、開いているノートブックで、[ファイル]> [名前を付けてダウンロード...]> [LaTex経由でPDF]に移動します。しかし、html / cssスタイルによる色指定は、LaTexに正しく変換されない可能性があると思います。現時点ではLaTexをインストールしていないため、再確認できませんが、そうだと思います。
Scott H

15

たとえば、「テキスト」の色を緑にしたい場合は、次のように入力します。

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

11

これを行う別の方法は、ノートブック内でLaTeX環境に入り、そこから色を変更することです(HTMLよりもLaTeXに習熟している場合に最適です)。例:

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

ciao赤で表示されます。



1

上記の提案のいずれもうまくいかない場合は、style属性を使用してみてください。

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

これは私に次の結果を与えます

ここに画像の説明を入力してください


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.