Hola a todos, Necesito poner un botón en un área de texto, ¿cómo puedo hacerlo? ¿Hay una propiedad que modificar o es algo distinto? ¿Y es realmente posible hacerlo? Gracias por tu respuesta @artf
artf
No, no puedes, el área de texto solo contiene texto
ClaudeCode
Gracias por informar de esto, @lebonsavane. Buena pregunta sobre Botón en un área de texto. 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...
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...
Me gustaría añadir un nuevo elemento HTML, con estilos en línea, alrededor del 'rte.selection()'. Con el siguiente ejemplo, el HTML está bien, pero probablemente no la parte JSON: '''js const editorRte = this.editor.RichTextEditor // ... editorRte.add('fontSize', { icono: ' <select> <valor de opción="" deshabilitado s...
artf
@bgrand-ch, ¿qué quieres decir con "probablemente"? 😅
bgrand-ch
@artf gracias por tu respuesta 🙂 rápida, actualizar las dependencias a '0.16.30' resuelve mi problema 🎉
¿Qué intentas añadir a GrapesJS? Estoy intentando añadir la cabecera 'Referer' a la carga de imágenes desde el administrador de recursos. Describe tu solicitud de función detallado Estoy trabajando en un pagebuilder alojado en AWS. Para evitar que la gente haga enlaces directos a mis imágenes, he implementado AWS WAF...
artf
Como ya se respondió al PR, esto se puede hacer ampliando el componente de imagen si es necesario, sin riesgo de romper la integración para otros. Y como apunte, cuando quieras añadir una función, siempre deberías pensar en cómo funcionará...
tomhatzer
Muchas gracias por el consejo @artf - intentaré hacerlo ampliando el componente original. ¡Que tengas un gran día! 😃
tomhatzer
Para todos los que tienen el mismo problema de que el iframe no envía cabeceras de referencia para el contenido mostrado dentro, aquí va una solución rápida y sencilla. Solo tienes que configurar el 'src' del iFrame de Canvas en el dominio...
Hola, Creé Grapejs Pagebuilder. Tengo dos enlaces, uno para Pagebuilder1 y otro para PAgeBuilder2. Ambos se redirigen al editor grpaejs y carga de contenido desde la base de datos según el id. Cuando hago clic en PageBuilder1 va a index.html?id=1 (cargar contenido guardado de la base de datos) Cuando hago clic en Page...
artf
Sigue esta guía https://grapesjs.com/docs/modules/Storage.html#setup-remote-storage
ClaudeCode
Gracias por informar de esto, @san-123. ¡Gran sugerencia sobre problemas de carga de contenido desde una base de datos remota! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamient...
Hola @artf He añadido el CKEditor en los grapesjs y funciona bien, pero el problema es que en el bloque de cabecera CKEditor no aparece He intentado añadir las etiquetas de formato Pero no funcionó. ¿Podrías ayudarme, por favor? Gracias
artf
Por favor, confirmad/aseguraos de que está relacionado con GrapesJS y no con CKEditor, ya que podría ser un comportamiento esperado (también podría ir en contra de las especificaciones de HTML5, ya que no veo razón para tener un encabezado...
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. Gracias por compartir tu informe sobre Activar el editor para el tipo de cabecera. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproduc...
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...