¿Cómo incrustar HTML en la salida de IPython?

¿Es posible incrustar la salida HTML representada en la salida de IPython?

Una forma es usar

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

o (alias de celda multilínea IPython)

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

Que devuelven un enlace formateado, pero

1. Este enlace no abre un navegador con la página web desde la consola . Sin embargo, los portátiles IPython admiten renderizado honesto.
2. No sé cómo representar el HTML()objeto dentro de, por ejemplo, una lista o pandastabla impresa. Puedes hacerlo df.to_html(), pero sin hacer enlaces dentro de las celdas.
3. Este resultado no es interactivo en la consola PyCharm Python (porque no es QT).

¿Cómo puedo superar estas deficiencias y hacer que la salida de IPython sea un poco más interactiva?

Esto parece funcionar para mí:

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

El truco es envolverlo también en "pantalla".

Fuente: http://python.6.x6.nabble.com/Printing-HTML-within-IPython-Notebook-IPython-specific-prettyprint-tp5016624p5016631.html

Hace algún tiempo, Jupyter Notebooks comenzó a quitar JavaScript del contenido HTML [ # 3118 ]. Aquí hay dos soluciones:

Servir HTML local

Si desea incrustar una página HTML con JavaScript en su página ahora, lo más fácil es guardar su archivo HTML en el directorio con su cuaderno y luego cargar el HTML de la siguiente manera:

from IPython.display import IFrame

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

Sirviendo HTML Remoto

Si prefiere una solución alojada, puede cargar su página HTML en un "depósito" de Amazon Web Services en S3, cambiar la configuración de ese depósito para que el depósito aloje un sitio web estático, luego use un componente Iframe en su cuaderno:

from IPython.display import IFrame

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

Esto representará su contenido HTML y JavaScript en un iframe, tal como puede hacerlo en cualquier otra página web:

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

Relacionado: Al construir una clase, def _repr_html_(self): ...se puede usar para crear una representación HTML personalizada de sus instancias:

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

o = Foo()
o

se renderizará como:

Hola mundo !

Para obtener más información, consulte los documentos de IPython .

Un ejemplo avanzado:

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

Rendirá:

1. ☐ Compre leche
2. ☐ Hacer la tarea
3. ☑ Jugar videojuegos

Ampliando en @Harmon arriba, parece que puedes combinar las declaraciones displayy printjuntas ... si es necesario. O tal vez sea más fácil simplemente formatear todo su HTML como una cadena y luego usar display. De cualquier manera, buena característica.

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

Produce algo como esto:

¡Hola Mundo!

Aquí hay un enlace:

www.google.com

algo más de texto impreso ...

Texto del párrafo aquí ...