Issue #1091💬 RespondidoAbierto el 7 de mayo de 2018por mbleverageReacciones 0

Cómo seleccionar el primer componente

Respuesta rápidapor artf

Hazlo cuando se cargue el editor '''js const dc = editor. DomComponents; editor.on('load', () => editor.select(dc.getComponents().at(0))); ```

Lee la respuesta completa abajo ↓

Pregunta

Quiero lanzar el editor con el gestor de estilos visible y lleno. Esto significa que un componente se selecciona por defecto y el gestor de estilos muestra los estilos relacionados con ese componente seleccionado.

He estado teniendo dificultades para acceder al modelo.

'var domComponents = editor. DomComponents;'

Cuando imprimo lo siguiente en el registro de la consola, veo los modelos, simplemente no consigo averiguar cómo acceder a ellos. 'domComponents.getComponents()'

Me gustaría hacer algo así: 'editor.select(domComponents.getComponents().models[0];' Pero eso no sirve de nada.

Intenté imprimir esto en el registro de la consola: 'domComponents.getComponents().models' devuelve un array vacío

Seguro que es una respuesta sencilla, pero llevo mucho tiempo buscando y intentando y no consigo entenderlo, cualquier ayuda es bienvenida. Gracias.

Respuestas (3)

artf10 de mayo de 2018

Hazlo cuando se cargue el editor '''js const dc = editor. DomComponents; editor.on('load', () => editor.select(dc.getComponents().at(0)));

mbleverage20 de junio de 2018

Gracias por vuestro tiempo. Acabo de probar esto y no funciona. ¿Alguna otra sugerencia?

lock[bot]17 de septiembre de 2019

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.