D.6 HTML widgets

No recomendamos utilizar diferentes HTML widgets de muchos paquetes de R en la misma página, ya que es probable que genere conflictos en JavaScript. Por ejemplo, si su tema utiliza la librería jQuery, puede entrar en conflicto con la librería jQuery utilizada por un determinado HTML widget. En este caso, puede cargar de forma condicional la librería jQuery del tema configurando un parámetro en los metadatos YAML de su publicación y revisando la plantilla Hugo que carga jQuery. A continuación se muestra el código de ejemplo para cargar jQuery condicionalmente en una plantilla de Hugo:

{{ if not .Params.exclude_jquery}}
<script src="path/to/jquery.js"></script>
{{ end }}

Luego, si configura exclude_jquery: true en los metadatos YAML de una publicación, la jQuery del tema no se cargará, por lo que no habrá conflictos cuando los HTML widgets también dependan de jQuery.

Otra solución es el paquete widgetframe (???). Resuelve este problema incorporando HTML widgets en <iframe></iframe>. Como un iframe está aislado de la página web principal en la que está incrustado, no habrá conflictos de JavaScript.

Un widget generalmente no tiene el ancho completo en la página. Para establecer su ancho al 100%, puede usar la opción de fragmento de código out.width ="100%".