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 1,399

🔍 outdated
#55822 de noviembre de 2017por suchithmahadi3 respuestas
Reacciones 0
outdated

Ayuda: ¿Podrías dar un ejemplo de Chart.js como bloque en grapesjs?

@artf ¿podrías dar un ejemplo completo de un gráfico usando chart.js con rasgos para cambiar el color, los valores y los puntos de datos? Sería genial si pudiera recibir ayuda.

Geczy

Puedes usar la demo sandbox aquí https://github.com/artf/grapesjs/issues/559 Te permite modificar rasgos y actualiza al dominante. Eso debería ayudarte a empezar

suchithmahadi

@artf Por favor, ayúdame.

artf

@suchithmahadi para este tipo de preguntas, recomendaría hacerlas en https://stackoverflow.com

Ver detalles
#55722 de noviembre de 2017por krunal0393 respuestas
Reacciones 1
outdated

Faltan clases en editor.gethtml()

Veo que se añaden clases en Canvas, pero cuando obtengo html a través de editor.gethtml(), algunas clases no están incluidas y son solo divs sin clases. Captura adjunta con HTML en Canvas y HTML a través de editor.gethtml() ! captura

Geczy

No creas que volverán las clases con prefijo 'gjs-'

arthuralmeidap

Cuando usas el 'editor.getHtml', solo devuelve el html . Si necesitas el CSS también, puedes usar el 'editor.getCss()'.

Geczy

Uso newsletter-plugin y 'const html = window.grapesjs.editors[0].runCommand('gjs-get-inlined-html')'

Ver detalles
#55622 de noviembre de 2017por crestinfo2 respuestas
Reacciones 1
outdated

Arrastrar y soltar texto dentro del elemento

Hola, ¿Hay alguna forma de mover texto dentro de Element? Algo como arrastrar y soltar absoluto

Geczy

No, pero está en la hoja de ruta https://github.com/artf/grapesjs/issues/74Modo Absoluto/Diseñador Con este modo activado, el usuario debería poder mover componentes "libremente" dentro del lienzo (dependiendo de la posición absoluta)

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

Ver detalles
#55522 de noviembre de 2017por HarshOB3 respuestas
Reacciones 2
outdated

Añadir un script externo en script mientras creas un nuevo componente

Hola @artf ¿Cómo puedo pasar un enlace de script externo mientras creo un componente? así, bm.add('test-block2', { etiqueta: 'Test block2', Atributos: {Clase: 'FA FA-TEXTO'}, Contenido: { script: '<script src="https://cdn.ckeditor.com/4.6.2/full/ckeditor.js"></script>CKEDITOR.replace( \'editor1\' )', Contenido: '<Nomb...

artf

@HarshOB https://github.com/artf/grapesjs/wiki/Components-&-JS#template-related

arthuralmeidap

Mueve la etiqueta 'script' para importar CKEditor en la página html y simplemente llama al script dentro del bloque.

rohanreddyg

Javascript de alguna manera no permite la etiqueta final de script ("</script>") con la cadena in. Así que simplemente cambia el código para que sea: 'script: '<script>alert("Hola");<' + '/script>' `

Ver detalles
#55422 de noviembre de 2017por ryandeba3 respuestas
Reacciones 0
outdated

Evita el iluminador flotante y evita seleccionar ciertos componentes

Hola @artf, Me gustaría conocer vuestra opinión sobre los siguientes dos puntos antes de enviar una solicitud de tirada. Son para cumplir los requisitos de un proyecto en el que estoy trabajando actualmente, pero espero que puedan tener un lugar en el núcleo de grapesjs.Evitar el efecto de resaltado en el estacionamie...

artf

Evita el efecto de resaltado al volar en ciertos componentes. Los componentes ya tienen una propiedad de "resaltado" que se está usando para el estilo de contorno punteado. Estaba pensando en usar esa misma propiedad para evitar el efecto...

ryandeba

¡Gracias por el feedback! He creado un par de pull requests para estos artículos, dime si quieres hablar más sobre ello.

artf

Fusionados, gracias Ryan 👍

Ver detalles
#55321 de noviembre de 2017por baxxos3 respuestas
Reacciones 2
outdated

Añadir nuevos componentes a los existentes

Hola, Me gustaría preguntar si existe algún soporte o API existente para añadir nuevos componentes a una lista de componentes existente (por ejemplo, después de obtenerlos o generarlos dinámicamente). Estoy hablando de algo así: He estudiado la documentación y lo más parecido que he encontrado es la función ''add Comp...

ryandeba

Desafortunadamente, no conozco una forma sencilla de obtener un objeto componente específico sin iterar recursivamente por ellos para encontrar el que quieres, ¡pero suena como una gran idea! Quizá puedas hacer algo así para obtener todos...

baxxos

Gracias por vuestras respuestas, creo que mi pregunta ya está respondida y no hay mucho más que añadir. Voy a cerrar esto ahora, sin embargo, el método 'find()' sería una adición bienvenida a este increíble framework.

ryandeba

Hola @baxxos, ¿Estás intentando hacer algo así: https://jsfiddle.net/ztqsugaw/3/?

Ver detalles
#55221 de noviembre de 2017por g41n3 respuestas
Reacciones 1
bughelp wantedoutdated

No se puede restablecer el fondo del cuerpo

He encontrado esto aquí #351 pero parece que no reinicia el fondo del cuerpo... ¿Hay alguna otra forma de hacerlo?

artf

@duskhacker diría que está relacionado de alguna manera, pero no es el mismo problema. Mencionas CSS que se genera desde dos lugares diferentes y es una especie de reinicio básico de CSS '*{tamaño-caja: caja de borde;}' viene de https://gi...

ryandeba

Hola @g41n, ¿Puedes proporcionar un jsfiddle (o equivalente) que muestre el problema? Acabo de montar esto que primero pone el color de fondo del cuerpo en azul y luego elimina ese estilo 2 segundos después: https://jsfiddle.net/gn3jtahv/....

g41n

Hola @ryandeba, gracias por la respuesta. Tras investigar un poco, aquí hay un https://jsfiddle.net/x118ks1v/ de fiddle y pasos para reproducir:haz clic en el botón de reinicio, el reinicio es exitosohaz clic en cuerpo y cambia el fondo de...

Ver detalles
#55121 de noviembre de 2017por duskhacker3 respuestas
Reacciones 1
outdated

Indicador de suciedad de documentos

Quisiera indicar que el documento no está guardado. ¿Cuál sería la mejor manera de saber si los datos del documento han cambiado desde la última carga/guardado? ¡Gracias!

duskhacker

¡Perfecto! Muchas gracias por la rápida respuesta... y también este proyecto. ¡Muy bien!

artf

Hay un contador interno que puedes usar así '''js editor.on('change:changesCount', () => { const editorModel = editor.getModel(); const changes = editorModel.get('changesCount'); si (cambia) { sucio } }); igual que editor.on('change:change...

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

Ver detalles
#54920 de noviembre de 2017por duskhacker3 respuestas
Reacciones 0
outdated

Problemas de eliminación del administrador de activos

En el Administrador de Activos, cuando se pulsa la 'x' para eliminar un recurso, parece que se activa tanto el evento 'onDelete' COMO el evento 'onClick'. Esto coloca el recurso que acabas de borrar en el objetivo. Además, no se puede hacer clic en otro activo para reemplazarlo en el objetivo hasta que cierres la vent...

ryandeba

Hola @duskhacker, Pude recrear el problema del evento onClick que se activa al hacer clic en la 'X' (jsfiddle por si alguien más quiere verlo: https://jsfiddle.net/8v946q4b/3/). Siento no tener mucho tiempo para depurar esto por mi cuenta...

duskhacker

puede que mañana tenga tiempo para investigar esto si sigues teniendo problemas @ryandeba ¡Gracias por la explicación! Este es uno de mis problemas pendientes con GrapesJS. Sé que no voy a poder arreglarlo en un plazo razonable, no conozco...

ryandeba

@duskhacker - He enviado una solicitud pull que debería solucionar este error https://github.com/artf/grapesjs/pull/560

Ver detalles
#54820 de noviembre de 2017por kickbk3 respuestas
Reacciones 0
outdated

Protocolo agnóstico en CDN

Solo una idea, pero quizá quieras considerar cargar fontawesome de forma agnóstica en tus archivos CDN. Actualmente se está obteniendo "Acceso a la fuente en 'https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.12.37/fonts/fontawesome-webfont.woff2?v=4.7.0' desde el origen 'http://localhost:3000' ha sido bloqueado por l...

artf

¡Gracias @kickbk :) De todas formas, no entiendo exactamente cuál es tu solución

kickbk

@artf te refieres a FA en https://cdnjs.cloudflare.com/ajax/libs/grapesjs/0.12.37/css/grapes.min.css con '...'FontAwesome'; src:url(".. /fonts/fontawesome-webfont.eot?v=4.7.0")' Así que Cloudflare está intentando cargar las fuentes desde h...

artf

@kickbk bueno, en realidad planeo eliminar FA (#74) de las dependencias del núcleo y reemplazar los iconos usados por SVGs

Ver detalles

Explora todos los temas