Me gustaría comenzar esta pregunta diciendo que soy muy nuevo en HTML y no tengo ninguna experiencia formal. Mi objetivo es agregar un fragmento de código HTML que contenga una figura interactiva en otro documento HTML. Descubrí cómo hacer esto usando la <object> Tag . El único problema al que me enfrento es que el campo data= necesita una URL para un archivo separado. No puedo tener dos archivos HTML, ya que necesito darle a mi cliente un solo HTML. ¿Hay alguna manera de crear una nueva string que contenga el código HTML de la figura interactiva y luego pasarla al campo data= ? ¿O algo similar?
<object align="center" style="width:30%;height:500px" data="/Users/Desktop/plotly_test2.html"></object>
Para reiterar: pude usar la <object> Tag para cargar las figuras interactivas en mi HTML; sin embargo, estoy buscando una forma de proporcionar el campo data= con una string de HTML, en lugar de una ruta a un archivo HTML.
<object align="center" style="width:30%;height:500px" data="/Users/Desktop/plotly_test2.html"></object>
Es posible codificando el HTML interno utilizando el esquema de datos de URL.
Esto se hace con mayor frecuencia con imágenes pequeñas .
La URL se convierte en algo así:
... data="data:<HTML-base64-encoded>" ...Por supuesto, prohíbe la edición fácil, aunque puede escribir un script para convertir sus dos documentos HTML en uno, automáticamente.
Como nota al margen, en la mayoría de los casos, las personas usan <iframe ...> para incluir otra página HTML, en lugar de <object ...> .