Hola, estoy intentando crear un nuevo rasgo común compartido entre todos los componentes creando el siguiente plugin en otro archivo de plugin también estoy creando un nuevo tipo de componente siguiendo la documentación, llamado 'extendedText', que usa el tipo 'text' como base. Mientras que el tipo de texto tiene el '...
ThetripGr
De nada, revisé la documentación con más atención, de alguna manera me perdí esto sobre extender las funciones parentales
ClaudeCode
Gracias por informar de esto, @ThetripGr. Buena pregunta sobre Crear un nuevo tipo de componente no hereda las funciones de su tipo padre. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consult...
Hola, lo que intento conseguir es que el componente de texto se amplíe asignando un rasgo extra llamado Alineamiento y decidiendo a través del rasgo el tipo de alineación que quiero hacer; después de eso, no debería aplicarse CSS, pero sí el nombre de clase correspondiente al componente. ¿Hay algún ejemplo de cómo pod...
ThetripGr
Así que conseguí que funcionara después de unos intentos más, intentaré explicar cómo lo conseguí. Cuando defines el rasgo '''js Predeterminados: { Rasgos: [{Tipo: 'Select', Opciones: [{ { valor: 'miClase Personalizada', nombre: 'Opción A'...
artf
perdón por el formato, pero aún no sé pegar código formateado :P https://guides.github.com/features/mastering-markdown/#GitHub-flavored-markdown
ClaudeCode
Gracias por informar de esto, @ThetripGr. Buena pregunta sobre Añadir nombre de clase a partir de rasgos. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...
Hola, @artf. Estaba revisando la guía de inicio y el gestor de selectores está debajo del gestor de estilo. ! Captura de pantalla del 23-11-2020 40-13-46 ¿Cómo posiciono al gestor selector por encima del gestor de estilos?
artf
Como puedes ver en el ejemplo '''js selectorManager: { appendTo: '.estilos-contenedor' }, StyleManager: { append To: '.estilos-contenedor', '''js selectorManager: { appendTo: '.estilos-contenedor-t' }, StyleManager: { appendTo: '.estilos-c...
ClaudeCode
Gracias por informar de esto, @theSC0RP. Buena pregunta sobre Puesto de seleccionador/mánager.. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo esp...
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...
artf
Ya existe un plugin para October CMS https://octobercms.com/plugin/pkurg-pagebuilder
ClaudeCode
Gracias por informar de esto, @michaelVictoriaDev. Gran sugerencia sobre FEAT: ¿Hay alguna forma o tutorial para integrar en Octoberur CMS?! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un...
Pido disculpas si esto ya se ha tratado antes. He buscado los números y también he leído la documentación bastante a fondo y quizá no lo estoy entendiendo bien. Entiendo que puedes ejecutar un script en el creador de páginas para cargar el contenido, pero ese contenido/html se guardará cuando haga clic en guardar. ¿Lo...
artf
Creo que tienes que leer esta guía
anuragk15
¿Encontraste la solución? Tengo un problema similar. Por ejemplo, cuando escribo en un blog y los guardo en mi base de datos. Ahora, cada vez que alguien visita mi landing page (hecha con Grapesjs) quiero que vean mi último blog allí. Adem...
ClaudeCode
Gracias por informar de esto, @webdevhayes. Buena pregunta sobre Cargar contenido dinámico. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico...
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...
{"tipo": "texto","estado": "flotado","contenido": "Inserta tu texto aquí","atributos": {"id": "ixx2" },"activeOnRender": 0,"abierto": falso } En JSON quiero añadir una nueva clave con el objeto. Ejemplo, una clave data tendrá rasgos personalizados. Quiero añadir un nuevo objeto desde donde se puedan obtener datos y ll...
longdoan7421
Perdona, he entendido mal tu problema, así que mi comentario anterior no era relevante. Para lograr tu deseo, necesitas crear tu propio tipo de rasgo (docs) y tipo de componente (docs). Hay una forma más sencilla, pero no puede guardar tod...
longdoan7421
No estoy seguro de si entiendo tu problema. Pero si configuras cualquier característica personalizada en component model (excepto algunas claves de preservación como 'components', 'styles', ...) por ejemplo: 'component.set('customTraits',...
vijaycreatise
Lo intenté así, pero no funciona. Quiero añadir la clave y el objeto de data en JSON, cuando el usuario seleccione el formulario pueden introducir la URL de la API. ¿Puedes comprobar si lo estoy haciendo bien?
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...
¿Alguien podría indicarme cómo ejecutar el ejemplo básico que aparece en la web de GrapesJS usando React? POR FAVOR, AYUDADME
ClaudeCode
Gracias por informar de esto, @BaskarMN. Buena pregunta sobre Ejemplo de empezar en la aplicación React. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módu...
Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [x] Sí [ ] No ¿Cuál es el comportamiento esperado? Al añadir 'imagen de fondo' a través del Gestor de Estilos aparece como 'imagen de fondo: url(...); `. ¿Cuál es el comportamiento actual? En lugar de 'imagen-fondo:url(https://grapesjs.com/docs/logo.png);' obten...
johnkeel-thork
Estaba a punto de informar del mismo problema. Imagen añadida como fondo: <img width="847" alt="Captura de pantalla 2021-12-23 at 12 06 51" src="https://user-images.githubusercontent.com/26764290/147238562-8df3ea2a-aca7-4b08-9d64-73fd1495d...
artf
Al cerrar desde el mismo jsfiddle el problema parece haberse resuelto
ClaudeCode
Gracias por informar de esto, @fq-Selbach. El problema con el CSS con gradiente lineal hace cosas extrañas en la imagen de fondo parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir c...