Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 183

🔍 documentation
#323415 de enero de 2021por tonypartridgeRespuesta 1
Reacciones 0

Modo absoluto y etiquetas dinámicas mal posicionadas...

Así que tengo este problema... Tengo un cuadro de 'texto' que está configurado para ser de ancho completo pero centra un código corto de nombre. Después, genera una página PDF y HTML de esto y espera que el nombre también sea central. Pero como los tamaños de los nombres pueden variar, acabo de darme cuenta de que con...

ClaudeCode

Gracias por informar de esto, @tonypartridge. Buena pregunta sobre Modo absoluto y etiquetas dinámicas mal posicionadas.... El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

#323113 de enero de 2021por vatte214 respuestas
Reacciones 2

Cómo cambiar el componente GJS-ckeditor-format

Hola a todos, Todos sabemos que el plugin GJS-ckeditor-funciona con componentes [data-gjs-type]="text". Quiero saber, ¿podríamos cambiar esta opción? Quiero crear mi propio componente personalizado con, por ejemplo, [data-gjs-type]="anyDiv" y tener la misma funcionalidad que en [data-gjs-type]="text". ¿Quizá alguien s...

Abhisheknanda1344463

@vatte21 Para que tu componente sea editable. Tienes que extender el texto en tu componente de esta manera '''js editor. Components.addType('anyDiv', { modelo: { Predeterminados: { Tipo: 'texto', Rasgos:[ ... editor. Componentes.getType(ty...

vatte21

@Abhisheknanda1344463 ¡Gracias! Lo intentaré

abulka

@Abhisheknanda1344463 tu fragmento de código me da un error 'Uncaught ReferenceError: type is not defined' en la línea ¿Dónde se define el 'tipo'?

#323013 de enero de 2021por alivex3 respuestas
Reacciones 0

El modal no se abre después de cerrarlo dinámicamente

Hola; Gracias a todos por la gran herramienta, me encanta la documentación, lo fácil de usar y entender. Creo que me encontré con un problema con el modal que no se abría de nuevo después de cerrarlo dinámicamente la primera vez. Ejemplo:

artf

No puedo reproducirlo en la demo oficial, por ejemplo. '''js editor.on('modal:open', () => { console.log('Modal abierto'); setTimeout(() => { console.log('Modal cerrado'); editor. Modal.close() }, 2000) }); ``` Pero solo revisando tu códig...

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, @alivex. Gracias por compartir tu informe sobre Modal no se abre después de cerrarlo dinámicamente. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (...

#32227 de enero de 2021por bgrand-ch3 respuestas
Reacciones 0

¿Cómo actualizar/volver a renderizar después de añadir un nuevo nodo?

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...

bgrand-ch

Archivo optimizado 'TextEditor.vue': '''js // ... onFontValidate () { const { rte } = this.getRteData() const spanNode = document.createElement('span') sea anchorNode = {} this.selection.childNodes.forEach(childNode => { console.log({ chil...

bgrand-ch

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...

#32185 de enero de 2021por bgrand-ch4 respuestas
Reacciones 2

¿Cómo añadir un nuevo elemento HTML con estilos en línea?

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 🎉

bgrand-ch

https://github.com/artf/grapesjs/issues/3069 🤔

#32165 de enero de 2021por tomhatzer4 respuestas
Reacciones 2

HAZAÑA: Añadir referrerPolicy a la carga de imágenes a través del gestor de activos

¿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...

#320422 de diciembre de 2020por maivanchuong2 respuestas
Reacciones 0

Quiero guardar y cargar en asp.net MVC

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

No seas irrespetuoso, lee y sigue la plantilla del tema...

ClaudeCode

Gracias por informar de esto, @maivanchuong. El problema con quiero guardar y cargar en asp.net mvc parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo d...

#319919 de diciembre de 2020por mohd74692 respuestas
Reacciones 0

Función de renderizado por bloque no se activa

@artf - En la documentación dice que si necesitamos personalizar el aspecto de cada vista previa de bloque podemos pasar una función de retorno de renderizado en el bloque. Pero aquí está lo que realmente pasa: básicamente, envolví esta callback de renderizado en una función llamada func() y la llamé en una petición a...

artf

El gestor de bloques no ve el cambio si haces esto de 'block.attributes.render = ...'. Tienes que actualizar la propiedad explícitamente de esta manera: '''js block.set({ render: () => { devolver '<div>NEW HTML'</div> } }) ``` Y ten cuidad...

ClaudeCode

Gracias por informar de esto, @mohd7469. Gracias por compartir tu informe sobre bloquear función de renderizado, no disparar. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (Code...

#318816 de diciembre de 2020por GoodPHPRespuesta 1
Reacciones 0

¿Bloque personalizado para componente: tu opinión?

Hola, mi equipo desarrolló este bloque personalizado para GrapesJS. <img src="https://devfuture.pro/wp-content/uploads/2020/12/GrapesJS-Preset-Webpage-2020-12-16-00-35-02.png"> Aquí tenemos un ejemplo en vídeo: https://www.youtube.com/watch?v=ZDnWS0X145s ¿Qué opinas? ¿Te gusta? Nuestro servicio en GrapesJS: https://de...

ClaudeCode

Gracias por informar de esto, @GoodPHP. Buena pregunta sobre Custom Block para componente, ¿tu opinión?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módu...

#318111 de diciembre de 2020por congweibai2 respuestas
Reacciones 0

SelectorManager no devuelve una cadena sino un objeto

Versión:0.16.30 ¿Puedes reproducir el error de la demo? [1] Sí ¿Cuál es el comportamiento esperado?* SelectorManager.getState() se supone que debe devolver una cadena según https://grapesjs.com/docs/api/selector_manager.html#getstate Describe el error detallado ! Captura de pantalla 2020-12-11 a las 9:48 43 am ¿Cuál e...

congweibai

¿Podrías echar un vistazo https://github.com/artf/grapesjs/pull/3182 esto soluciona este problema? Gracias

ClaudeCode

Gracias por informar de esto, @congweibai. El problema de que SelectorManager no devuelva una cadena sino un objeto parece ser una condición de carrera o un problema de temporización de gestión de estados. Esto suele ocurrir cuando los eve...

Explora todos los temas