Angular con Grapesjs
Pregunta
Hola, quiero integrar Grapesjs en mi aplicación angular. Supongamos que tengo un desplegable personalizado (que contiene archivos .ts, .html y .scss) como se muestra a continuación: CustomDropdown.html---------------------------------- <div class="cust-dropwodn-container"> <span>Un encabezado</span> <select ngIf="shouldDropdownBePresent" class="select-class"> <opción ngFor="let optionVal of optionsArr"> {{ optionVal.value }} </option> </select> <botón (onClick)="callEventFunction()">Algún evento clic</button> </div> CustomDropdown.ts------------------------------ --- shouldDropdownBePresent:...
Respuestas (2)
¿Alguna novedad @artf?
No, @Khan-Uzair por defecto GrapesJS no lee ningún componente relacionado con el framework... por favor, lee más sobre los componentes de GrapesJS aquí
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2595
Problemas para arrastrar HTML externo con draggable="true"
Quiero hacer que un elemento html externo se pueda arrastrar a GrapesJS, como cuando puedes arrastrar un bloque y que añada algo. Tengo una...
Issue #3019
Vincular texto/html interno (como div, p, h1) a Trait
¡Hola! He creado un rasgo personalizado y quiero que me permitan cambiar el contenido de las etiquetas (en este caso es una etiqueta H1) ba...
Issue #921
Selecciona y enfoca un elemento html desde un botón de panel
Hola a todos, ¿Es posible establecer el enfoque en un HTML de sección con Grapes, como un ancla? Tengo un botón de panel y solo selecciona...
Issue #1817
Cambiar el contenido HTML mientras el bloque se renderiza en el editor
Hola @artf Tengo un bloque en el gestor de bloques como Según el script anterior dentro del bloque, quiero añadir contenido HTML dinámico m...
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.
Tutorial
GrapesJS vs Webflow vs Builder.io vs Puck: Which Visual Builder to Choose in 2026
A practitioner's 2026 comparison of GrapesJS, Webflow, Builder.io, and Puck — pricing, AI features, lock-in, and a one-line rule for picking the right one
Tutorial
How to Build a Drag-and-Drop Page Builder in Angular Using GrapesJS (Step-by-Step Guide + Code)
Build a visual drag-and-drop page builder in Angular with GrapesJS. Learn setup, plugins, and backend saving in this full code guide.
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.