Cómo comprobar si un componente o elemento está presente en el lienzo o no
Hola @Indhumathi2016 puedes usar encontrar método: ¡Salud!
Lee la respuesta completa abajo ↓Pregunta
He estado intentando activar una casilla de verificación en trait al cargar, cuando un elemento está presente en el lienzo, pero desafortunadamente no sé cómo comprobar si el elemento está presente o no, estoy probando el siguiente código en el método onRender()
const canvasElement = editor. DomComponents.getWrapper();
sea isGdprEnabled = false;
if (canvasElement.getEl().getElementById('gist-gdpr')) {
isGdprEnabled = true;
}
Cuando probé el código anterior, me salió el error "getElementById is not a function" si usaba getElementsByClassName devolvía la HtmlCollection, pero al intentar obtener la longitud de HtmlCollection devolvía 0, aunque en realidad había un elemento dentro de la HtmlCollection.
¿Hay alguna otra forma de hacerlo? Por favor, ayudadme con esto.
GraciasRespuestas (2)
Hola @Indhumathi2016 puedes usar encontrar método:
const wrapper = editor.getWrapper()
const el = wrapper.find('#gist-GDPR')[0]
¡Salud!
@pouyamiralayi
Funciona bien cuando hago esto
editor.on('load', () => {
const wrapper = editor.getWrapper()
const el = wrapper.find('#gist-GDPR')[0]
});
GraciasPreguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #639
Rerenderizar el componente en Canvas cuando el nombre de la etiqueta ha cambiado
Estoy intentando construir un componente básico de encabezado que te permita seleccionar de H1 a H6 con un rasgo. Pero cuando se selecciona...
Issue #460
Cuando la vista del componente modifica el HTML, los componentes de texto ya no son editables
Estoy intentando crear un componente personalizado que contenga algo de texto lorem ipsum en el contenido, para editarlo una vez que esté e...
Issue #1843
No se aplican clases en diferentes estados a esos estados.
Estoy intentando aplicar una clase en el paso del cursor de un componente y la clase se está aplicando, pero no en el surcurso, se aplica c...
Issue #1779
Tipo de rasgos Casilla de verificación no seleccionada desde la inicialización del tipo de Componente.
Hola, Artur Cuando intento comprobar rasgos (tipo: casilla de verificación) desde el init() del domCom, escribe el conjunto de valores como...
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
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
Preset DevFuture 2.0 — New Update Released
Preset continues evolving as a clean, production-ready starting point for building visual editors powered by GrapesJS
Tutorial
How Much Can You Earn on GJS.Market in a Month?
Discover how DevFuture earns €2,000+ monthly on GJS.Market — and learn how you can start building and selling your own GrapesJS plugins.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.