Importar contenido dinámicamente
@suraj740 'editor.setComponents()' aceptará tanto html como css, así que podrías saltarte la llamada 'setStyle'. En cuanto al resto, ¿has visto la documentación del gestor de almacenamiento, verdad? Puedes llamar a 'load/store' en él de forma programática sin pulsar ningún botón, como 'editor.store(); editor.load()'
Lee la respuesta completa abajo ↓Pregunta
Hola @artf, ¿cómo puedo importar contenido dinámicamente desde un programa que se refleje automáticamente en Canvas?
Respuestas (3)
@suraj740 'editor.setComponents()' aceptará tanto html como css, así que podrías saltarte la llamada 'setStyle'. En cuanto al resto, ¿has visto la documentación del gestor de almacenamiento, verdad? Puedes llamar a 'load/store' en él de forma programática sin pulsar ningún botón, como 'editor.store(); editor.load()'
En mi proyecto, establezco atributos 'data-' en un elemento HTML y los extrajo mediante '.dataset' en Javascript; una vez configurado el editor, ejecuto:
editor.setComponents(dataSet.legacyHtml);
editor.setStyle(dataSet.legacyCss);
editor.store();
Ten en cuenta que el HTML debe estar configurado para que grapesjs pueda entenderlo. Creo que debe cumplir con el estándar BEM(http://getbem.com/). En la práctica, solo creé unos pocos documentos para entender cómo se supone que debe ser.
Además, no importa dónde consigas el HTML/CSS, puede ser una llamada remota o simplemente incrustado en Javascript, solo mencioné lo que estaba haciendo como ejemplo.
¡Ah, por qué
@suraj740 ^^
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #493
[PREGUNTA] ¿Puedo configurar contenido dinámicamente desde la API de bloques?
Hola @artf, muy buen framework para creadores de páginas web y mantenlo así :+1: Código : '''javascript ... blockManager.add('dynamic-nav',...
Issue #777
Clases dinámicas que no se generan automáticamente en divs hijos ni en span en la nueva biblioteca
Hola artf, Estoy usando la nueva biblioteca de uvas, pero en las bibliotecas más recientes las clases dinámicas no se generan automáticamen...
Issue #1059
[Pregunta]: Cargar contenido html de un archivo dinámicamente
Hola, Necesito cargar contenido desde un archivo html desde el servidor al editor después o mientras inicializo el editor. ¿Cómo se puede i...
Issue #392
Define la clase seleccionada.
Hola @artf, ¿Hay alguna forma de seleccionar automáticamente la clase que se crea en elementos con estilos personalizados? ! imagen Actualm...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.