Як змінюється колір у клітинках розмітки ipython / jupyter notebook?

107

Я хочу лише відформатувати певний рядок у комірці. Я змінюю формат цієї комірки на "Відмітка", але я не впевнений, як змінити колір тексту одного слова.

Я не хочу змінювати зовнішній вигляд цілого ноутбука (через файл CSS).

— punkrockpolly
джерело

147

Ви можете просто використовувати необроблені теги html

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

Майте на увазі, що це не переживе перетворення ноутбука в латекс.

Оскільки є скарги на депресію запропонованого рішення. Вони цілком справедливі, і Скотт вже відповів на це питання з більш недавним, тобто на основі CSS підходу. Тим не менш, ця відповідь показує деякий загальний підхід до використання тегів HTML у IPython для стилістичного розміщення вмісту комірок розмітки за межами доступних можливостей чистого розмітки.

— Якоб
джерело

1

@jayarjo У IPython 2.1 це все ще працює бездоганно! Чи можете ви дати більше інформації про те, що ви спробували?

— Якоб

Для мене працює Jupyter NB версії 4.3.1

— Остін

65

Подібно до відповіді Якоба, ви можете використовувати теги HTML. Лише зауважте, що colorатрибут font( <font color=...>) застарілий у HTML5 . Наступний синтаксис буде сумісним із HTML5:

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

Та ж обережність, яку Якоб зробив, мабуть, досі застосовується:

Майте на увазі, що це не переживе перетворення ноутбука в латекс.

— Скотт Н
джерело

@jayarjo Я просто спробував своє рішення в IPython 1.1.0, і він відмінно працював для мене. Чи можете ви надати більше інформації про те, що ви спробували та як налаштовано ваше середовище? Не забудьте змінити тип комірки на Markdown, що можна зробити за допомогою меню Cell> Cell Type.

— Скотт Н

Я пробую це на github.

— jayarjo

@jayarjo, це питання стосувалося розмальовки тексту в зошитах IPython, які дозволяють розмітити текст. Про поведінку кольорів у файлах розмітки GitHub див. Наступне питання спеціально з цього питання. Коротка відповідь полягає в тому, що, схоже, наразі не існує способу визначення кольору тексту в документах на розмітку GitHub. stackoverflow.com/questions/11509830/…

— Скотт H,

@ScottH: Я не розумію, що ви маєте на увазі під "перетворенням ноутбука в латекс". Я в змозі перетворити частину тексту в прольоті на латекс, а юпітер перетворює латекс червоним кольором.

— Шишир Пандей

@ShishirPandey: Те, про що я мав на увазі "перетворення ноутбука в латекс", - це те, що ви можете звичайно конвертувати ноутбук у LaTex (мова набору) за допомогою ipython nbconvert --to latex mynotebook.ipynb. Крім того, у відкритому зошиті можна перейти до Файл> Завантажити як ...> PDF через LaTex. Але я вважаю, що специфікація кольору через html / css стиль може бути неправильно переведена в LaTex. На даний момент у мене не встановлено LaTex, тому я не можу повторно перевірити, але я думаю, що це так.

— Скотт H

15

Наприклад, якщо ви хочете зробити колір "тексту" зеленим, просто введіть:

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

— Чень Руй
джерело

11

Альтернативний спосіб зробити це - ввести LaTeX-середовище в ноутбук і змінити колір звідти (що чудово, якщо ви більше вільно володієте LaTeX, ніж HTML). Приклад:

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

відображатиметься ciaoчервоним кольором.

— Llewlyn
джерело

1

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

або

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

— Fatemeh Asgarinejad
джерело

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>

Це дає мені такий результат

— BeNiza
джерело

0

Колір тексту можна змінити, використовуючи,

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

— Мохіт Мехлават
джерело