Hola @artf Estoy intentando actualizar el estilo usando el rasgo de casilla, pero no llama a la función. Aquí está el código ¡Agradezco mucho cualquier consejo que podáis darme! Gracias
Abhisheknanda1344463
@artf Lo entendí, tonto-Error Mueve la función de init dentro del propio modelo. Cerrando el asunto
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. Buena pregunta sobre ¿Cómo actualizar el estilo a partir de un rasgo de casilla?. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la do...
https://user-images.githubusercontent.com/64096863/104047608-af352b00-51c0-11eb-8261-1d7ae9277d25.mp4 El parámetro "changesCount" no se incrementa cuando haces doble clic en cualquier componente de texto y se escribe o se realiza cambios dentro de cualquier componente de texto. Para los componentes de botones/imágenes...
artf
Gracias @marcepoblet la solución está lista para la próxima versión
marcepoblet
Gracias @marcepoblet la solución está lista para la próxima versión ¡Gracias! @artf, ¿tienes alguna estimación de la fecha de lanzamiento?
ClaudeCode
Gracias por informar de esto, @marcepoblet. El problema con changesCount no se incrementa; cuando se aplican cambios en cualquier componente de texto parece ser una condición de carrera o un problema de sincronización de gestión de estado....
He estado probando GrapesJS e intentando integrarlo en un proyecto de Symfony 5. En particular, quiero poder editar plantillas en el editor basadas en Bootstrap 4 y otros componentes como FontAwesome Pro y bloques personalizados basados en estos. Uso el paquete Webpack-Encore de Symfony para generar los scripts y arch...
ianef
Es una verdadera pena. No dije nada sobre buscar desde otro sitio, lo que quería era mantenerlo coherente con el resto del proyecto. Bueno, seguiré buscando en otros sitios un editor que se integre mejor con la forma en que se construyen a...
artf
Hola Ian, si necesitas cargar contenido HTML desde una URL solo puedo sugerir que lo obtengas en el lado del servidor e iniciales el editor con ese contenido (cargar recursos externos en el navegador resolvería principalmente el problema d...
ClaudeCode
Gracias por informar de esto, @ianef. Gran sugerencia sobre FEAT: ¡Crea el lienzo a partir de una URL! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sis...
Añado manualmente un nuevo nodo a un componente renderizado. El resultado visual está bien, pero es imposible de guardar, porque mi estilo no es con el ID GrapesJS generado automáticamente. Para resolver manualmente este poblem, hago doble clic en el componente para entrar y luego hago clic en el exterior en el cuerpo...
i️ No funciona directamente con HTML, solo funciona con JSON. Component = nodo JSON (elemento html + GrapesJS data) '''js addStylesToText (styles, tagName = 'span') { const inlineStyles = styles.map(style => style.join(':')).join(';') + ';...
ClaudeCode
Gracias por informar de esto, @bgrand-ch. Buena pregunta sobre ¿Cómo actualizar/volver a renderizar después de añadir un nuevo nodo?. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la docu...
Hola @artf Estoy atascado en una cosa, quiero añadir un bloque en el que quiero añadir estilo con el nombre de la clase también Aquí está mi código -: Esto me dio exactamente lo que quería Código HTML en la sección de HTML y la parte de estilo en la sección de estilo, pero quiero añadir un nuevo rasgo para lo mismo y...
artf
'''js Contenido: { Content: section_content, // <- Deberías usar 'components', no 'content'... Type: 'section', } ''' y hazte un favor, deja de definir secciones enteras en bloques, usa un enfoque orientado a componentes para que tus bloqu...
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. Gracias por compartir tu informe sobre Añadir tipo para bloque y CSS con nombre de clase. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo r...
Hola @artf, tengo un componente personalizado que tiene un rasgo de botón. Cuando se pulsa el botón, añado dinámicamente un rasgo personalizado usando 'comp.addTrait()'. Cuando cargo la plantilla guardada, quiero que el contenedor muestre también los rasgos añadidos dinámicamente. (Estoy cargando la plantilla usando c...
artf
lo conseguí teniendo un atributo de conteo en el componente y luego sumando los tiempos de recuento de rasgos en la entrada del contenedor. Esta es la forma correcta. Los rasgos se saltan intencionadamente del JSON, de lo contrario pondría...
theSC0RP
@artf, gracias por responder. Eso fue una información realmente valiosa.
theSC0RP
Lo conseguí teniendo un atributo de recuento en el componente y luego sumando los tiempos de recuento de rasgos en la entrada del contenedor.
Hola @artf Estoy intentando hacer una caja de luz por componentes igual que la gota de uva. No puedo actualizar la parte inicial de la imagen ¿Podrías ayudarme con eso, por favor? Este es el código que he escrito hasta ahora Bloque de caja de luz Componente- :
artf
Revisa el componente de imagen
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. Buena pregunta sobre Lightbox Component. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo espe...
Hola, querida: Quiero mover un componente a first/end en el wrapper programáticamente, creo que algo como editor.getWrapper().add(editor.selectedComponent(), {at: 0});, pero esto es añadir un nuevo clon de selectedComponent, ¿Quizá con el gatillo "Sorter:Drag:end" en posición? ¿Puedes ayudarme? Perdón por mi mal inglé...
artf
Probablemente tenga sentido añadir un nuevo método 'component.move(desComponent, opts)' para cubrir ese caso, pero por ahora puedes lograrlo así: '''js const selected = editor.getSelected(); selected.remove({ temporal: true }); La opción t...
ClaudeCode
Gracias por informar de esto, @alemenciones. Buena pregunta sobre cómo mover componentes. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específic...
Versión: 0.16.22 ¿Puedes reproducir el error de la demo? Sí ¿Cuál es el comportamiento esperado? Cuando el usuario pulsa el botón de previsualización, la barra de herramientas de iconos no debe ser clicable. Describe el error detallado Cuando el usuario pulsa previsualización (incluso en la web de demostración), si pa...
artf
Corrección lista para la próxima versión
ClaudeCode
Gracias por informar de esto, @TouficNouwayhedd. El problema con Cuando está en modo previsualización, la barra de herramientas solo se oculta pero sigue siendo clicable parece ser una condición de carrera o un problema de sincronización d...
Estoy intentando crear un bloque personalizado. Pero el formulario no se envia cuando uso 'componentes' dentro del contenido. Puedo obtener todos los datos del formulario cuando uso 'content' en lugar de componente. Pero entonces no me permite arrastrar nuevas entradas para formarlas.
gixid192
Lo importante: falta el html. Si puedes, deberías compartir el código en Codesandbox o en editores online similares.
artf
Sí, necesitamos el código completo para entender el problema. En fin, si usas 'script', por favor define un Componente Personalizado en lugar de colocarlo directamente en el Bloque, o tendrás problemas para almacenar. Sé que así se ilustra...
no-response[bot]
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...