Як вставити HTML у вихід IPython?

Чи можливо вставити виведений HTML вихід у вихід IPython?

Один із способів - це використання

from IPython.core.display import HTML
HTML('<a href="http://example.com">link</a>')

або (Псевдонім багатолінійних комірок IPython)

%%html
<a href="http://example.com">link</a>

Які повертають відформатоване посилання, але

1. Це посилання не відкриває браузер із самою веб-сторінкою з консолі . Проте ноутбуки IPython підтримують чесне відображення.
2. Мені невідомо, як відобразити HTML()об’єкт у, скажімо, списку чи pandasдрукованій таблиці. Можна робити df.to_html(), але не роблячи посилань всередині комірок.
3. Цей вихід не є інтерактивним в консолі PyCharm Python (тому що це не QT).

Як я можу подолати ці недоліки і зробити вихід IPython трохи інтерактивнішим?

Це, здається, працює для мене:

from IPython.core.display import display, HTML
display(HTML('<h1>Hello, world!</h1>'))

Хитрість полягає в тому, щоб також загорнути його в "дисплей".

Джерело: http://python.6.x6.nabble.com/Printing-HTML-within-IPython-Notebook-IPython-specific-prettyprint-tp5016624p5016631.html

Деякий час тому Jupyter Notebooks почали знімати JavaScript із вмісту HTML [ # 3118 ]. Ось два рішення:

Обслуговування локального HTML

Якщо ви хочете зараз вставити HTML-сторінку із JavaScript на свою сторінку, найпростіше зробити це зберегти свій HTML-файл у каталог із своїм ноутбуком, а потім завантажити HTML таким чином:

from IPython.display import IFrame

IFrame(src='./nice.html', width=700, height=600)

Обслуговування віддаленого HTML

Якщо ви віддаєте перевагу розміщеному рішенню, ви можете завантажити свою сторінку HTML у "відро" веб-служб Amazon в S3, змінити налаштування цього відра , щоб зробити відро стати статичним веб-сайтом, а потім використовувати компонент Iframe у своєму ноутбуці:

from IPython.display import IFrame

IFrame(src='https://s3.amazonaws.com/duhaime/blog/visualizations/isolation-forests.html', width=700, height=600)

Це відобразить ваш HTML-вміст та JavaScript у iframe, як і на будь-якій іншій веб-сторінці:

<iframe src='https://s3.amazonaws.com/duhaime/blog/visualizations/isolation-forests.html', width=700, height=600></iframe>

Пов’язано. Під час створення класу def _repr_html_(self): ...можна використовувати для створення користувацького представлення HTML його екземплярів:

class Foo:
    def _repr_html_(self):
        return "Hello <b>World</b>!"

o = Foo()
o

відображатиметься як:

Привіт, світ !

Для отримання додаткової інформації зверніться до документів IPython .

Розширений приклад:

from html import escape # Python 3 only :-)

class Todo:
    def __init__(self):
        self.items = []

    def add(self, text, completed):
        self.items.append({'text': text, 'completed': completed})

    def _repr_html_(self):
        return "<ol>{}</ol>".format("".join("<li>{} {}</li>".format(
            "☑" if item['completed'] else "☐",
            escape(item['text'])
        ) for item in self.items))

my_todo = Todo()
my_todo.add("Buy milk", False)
my_todo.add("Do homework", False)
my_todo.add("Play video games", True)

my_todo

Виведе:

1. ☐ Купуйте молоко
2. ☐ Робіть домашні завдання
3. ☑ Грайте у відеоігри

Розширюючись на @Harmon вище, схоже, ви можете комбінувати дані displayта printзаяви разом ... якщо вам потрібно. Або, можливо, простіше просто відформатувати весь HTML як один рядок, а потім використовувати дисплей. У будь-якому випадку, приємна особливість.

display(HTML('<h1>Hello, world!</h1>'))
print("Here's a link:")
display(HTML("<a href='http://www.google.com' target='_blank'>www.google.com</a>"))
print("some more printed text ...")
display(HTML('<p>Paragraph text here ...</p>'))

Виходить приблизно так:

Привіт Світ!

Ось посилання:

www.google.com

ще трохи друкованого тексту ...

Текст абзацу тут ...