es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

La función display_html no funciona en Jupyter Lab.

Este código “R” funciona bien en Jupyter pero no en lab:

library(IRdisplay)

display_html(
'
<script>  
code_show=true; 
function code_toggle() {
  if (code_show){
    $('div.input').hide();
  } else {
    $('div.input').show();
  }
  code_show = !code_show
}  
$( document ).ready(code_toggle);
</script>
  <form action="javascript:code_toggle()">
    <input type="submit" value="Code On/Off">
  </form>

<style type="text/css">

.container { width:80% !important; }

.main-container {
  max-width: 2000px;
  margin-left: 100px;
  margin-right: 10px;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #004F59;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #ffffff;
    background-color: #004F59;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #004F59;
}
</style>

'
)

También intenté usar display_html en otros contextos. ¿Hay alguna razón por la cual esto no funciona en lab? ¿Se puede solucionar fácilmente? Gracias.

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Es probable que el problema esté relacionado con el hecho de que el código utiliza la biblioteca jQuery, que puede no cargarse de forma predeterminada en Jupyter Lab.

    Para solucionarlo, puedes intentar agregar las siguientes líneas de código al principio de tu celda:

    from IPython.core.display import HTML
    HTML("<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>")
    

    Esto agregará la biblioteca jQuery a tu cuaderno, y debería permitir que tu código se ejecute correctamente.

    Alternativamente, puedes intentar usar la extensión de Jupyter Lab “jupyterlab-bling”, que proporciona una funcionalidad similar al código que publicaste. Con esta extensión, puedes alternar la visualización de las celdas de código utilizando un botón en la barra de herramientas.

Comments are closed.