Problemas con GrapesJS

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.

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>' `

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 👍

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/?

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

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.

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

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

artf

Si buscas 'forceClass' verás que solo hace una cosa https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Components.js#L77 Así que cuando añades un nuevo componente y hay un atributo 'style' que no está vacío, todas sus propi...

artf

¿Has probado con 'forceClass'? '''js grapesjs.init({ ... forceClass: false, }) ```

francesca-cicileo

Yo también quiero hacer lo mismo, pero poner forceClass en falso no parece funcionar. Hice un JSFiddle mínimo aquí que intenta usar css en línea en lugar de clases, pero el editor siempre mueve el estilo a clases, incluso con forceClass co...

artf

@NorthstarTech cuál es tu caso de uso con un botón?

NorthstarTech

No tiene que ser un botón específico. Queremos añadir las etiquetas/marcadores de la fusión. Como ofrecemos una gran biblioteca de ellos, sería fácil de usar tenerlos dentro de un sector. Básicamente, nos gustaría que los marcadores de pos...

NorthstarTech

#287 es similar, pero no estamos seguros de dónde están añadiendo las etiquetas de fusión dentro del editor.