Por defecto, cuando se selecciona un componente, la barra de herramientas se muestra con acciones de 'mover, copiar, eliminar', etc., y se configura con la opción 'mostrarBarra: 1'. Cuando defino un componente personalizado que puede tener varios componentes internos, quiero ocultar la barra de herramientas para esos...
artf
Cuando defines el componente, puedes personalizar el array de la barra de herramientas '''js Predeterminados: { ... Barra de herramientas: [], // Esto impedirá que se renderice en el componente } ```
ClaudeCode
Gracias por informar de esto, @sprklinginfo. Gracias por compartir tu informe sobre Ocultar la barra de herramientas para componentes internos. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo...
Estoy creando un plugin para crear cuestionarios usando grapesjs. Me preguntaba si podríamos añadir un componente que sea interactivo y que añada nuevos componentes al hacer clic. Por ejemplo ! imagen Algo así. Cuando se suelta, no hay entradas, pero al hacer clic en añadir nuevo campo, aparece la entrada. ¿Es posible...
artf
Tienes que extender la Vista de tu componente personalizado
ClaudeCode
Gracias por informar de esto, @ZeroCoolHacker. Buena pregunta sobre componente interactivo en lienzo. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...
Estoy teniendo un problema: al guardar un componente HTML personalizado (solo una tabla), Grapes JS lo modifica. Guarda antes ! imagen Después de guardar. ! imagen Así que quiero poder insertar una tabla porque me gustaría intercalarla con twig (un lenguaje de plantillas): Creo que está vinculado al #606, pero no veo...
adamwpe
Ah, si uso este https://github.com/artf/grapesjs-custom-code, no modifica el html durante el guardado. Esto no funciona cuando se usa 'gjs-preset-newsletter'. Porque si ejecutas el comando 'gjs-get-inlined-html', entonces se modifica el có...
artf
No puedes insertar HTML inválido. Si necesitas gestionar cosas así, tienes que crear un componente personalizado que luego generará el código personalizado.
ClaudeCode
Gracias por informar de esto, @adamwpe. ¡Gran sugerencia sobre HAZAÑA: ¡Desactivar <table> la modificación automática durante la partida! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un co...
Hola a todos, Estoy teniendo un problema: al guardar un componente HTML personalizado (solo una tabla), Grapes JS lo modifica. Guarda antes ! imagen Después de guardar. ! imagen ¿Es posible envolver algo alrededor para que no se modifique? La razón del problema es que estoy usando twig (un lenguaje de plantillas) para...
adamwpe
Sustituye por #3139
ClaudeCode
Gracias por informar de esto, @adamwpe. Buena pregunta sobre Prevent <TABLE>que no se modifique durante el guardado.. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de...
No captando estilos del elemento seleccionado Aquí está mi código, Modelo const = editor. StyleManager.getModelToStyle(component); sea styleObject = model.getStyle(); console.log("estilos", ObjetoEstilo) Versión: 0.14.49 ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? Cuando...
artf
Primero, tienes que actualizar tu versión de grapesjs (usas una de hace 2 años), y luego tienes que hacer una demostración en vivo del problema.
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...
ClaudeCode
Gracias por informar de esto, @Asha1597. El problema con Cuando selecciono un elemento en particular no obtengo sus estilos. Este problema ocurre solo con algunos elementos. parece ser una condición de carrera o un problema de sincronizaci...
Por ejemplo, quiero añadir un gestor de eventos con doble clic en el componente de vídeo por defecto para abrir el gestor de recursos. Mi idea básica era obtener la definición de vista del componente de vídeo y añadir 'eventos' + manejador. Por último, vuelve a ponerlo en el componente de vídeo. Desgraciadamente, esta...
Joshmamroud
@archerbj aquí tienes una demo de lo que buscas: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.js Quieres asignar la funcionalidad al propio 'tipo de componente' en lugar de buscar todas las instancias de ese componente y añadirl...
archerbj
@archerbj aquí tienes una demostración de lo que buscas: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.jsQuieres asignar la funcionalidad al propio 'tipo de componente' en lugar de intentar encontrar todas las instancias de ese c...
abulka
@Joshmamroud Gracias por ese ejemplo de carrera. El tuyo es el único ejemplo que encuentro de usar la función de 'extender' mencionada en la documentación. Tu ejemplo es muy simple y zen, sin embargo, solo muestra añadir un manejador 'dblc...
Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? Cuando intento arrastrar un componente, el lienzo no debería desplazarse hasta la parte superior de la página. Describe el error detallado Cada vez que intento arrastrar un componente que está en las últimas sec...
artf
Hola José, ¿puedes proporcionar una captura de pantalla de tu problema? He intentado arrastrar la última sección de la plantilla pero me parece que todo va bien
josfh2005
Hola @artf, Puedes verlo aquí https://recordit.co/vn1ZVN6J1N, no es con las secciones, pasa con cualquier elemento pero solo la primera vez que intento arrastrar algo.
artf
Ah, vale, solo es la primera vez, ahora también 👍 lo tengo de mi lado
Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [] Sí [X] No ¿Cuál es el comportamiento esperado? Pegar como texto plano (nodo de texto) sin Grapes JS envolviendo texto pegado en <fuente /> elemento. ¿Cuál es el comportamiento actual? Cuando pego texto plano en un elemento de texto vacío, el editor lo envuelv...
Joshmamroud
@artf sabes si esto ocurre en el componente, en el RTE o en otro sitio? ¿Podrías indicarme la dirección correcta? Cualquier ayuda con esto sería muy apreciada. ¡Gracias!
artf
No puedo reproducirlo, pero veo que usas un componente personalizado de 'dm-text', así que eso podría ser una razón.
Joshmamroud
@artf No lo creo. Aquí está la configuración del tipo de componente dm-texto ''' JavaScript { extiende: 'texto', modelo: { Predeterminados: { nombre: 'Texto', Rasgos: [], Editable: Cierto, Droppable: falso, Textible: Cierto, estilo: { rell...
Intenté instalar una nueva versión pero en mi package.json nada se mueve. Está en un plugin llamado "blocks avancées" de grapesJs, pero tengo este problema en todas las carpetas cuando intento ejecutar el código " ERROR en... /src/dom_components/ver/ComponentFusionView.js Fallo en la compilación del módulo: Error: Req...
artf
¿ComponentFusionView? Eso seguro que no es del núcleo principal de uvas, no tenemos ese componente... Probablemente estés usando algún tipo de versión modificada, así que esa podría ser la razón de ese error
ClaudeCode
Gracias por informar de esto, @lebonsavane. El error Error: Requires Babel "^7.0.0-0", pero se cargaba con "6.26.3". Si estás seguro de que tienes una versión compatible de @babel/core, es probable que algo en tu proceso de compilación est...
¿Qué intentas añadir a GrapesJS? Cuando se deja caer un componente, mantente en la posición en la que se hace clic con el ratón. Describe tu solicitud de función detallado Empiezo a jugar con algunos bloques/componentes básicos. Si arrastro y suelto un componente, por ejemplo, una entrada de texto sencilla, parece que...
sprklinginfo
descubrí que ya está implementado usando "dragMode: 'absoluto'". Gracias.
ClaudeCode
Gracias por informar de esto, @sprklinginfo. Gran sugerencia sobre TALENTO: ¡Deja caer un componente en la posición en que se hace clic del ratón! Aunque esta función específica aún no está en la API principal, existen varias formas de log...