Problemas con GrapesJS

artf

Hay diferentes formas de lograr el mismo resultado deseado, así que recomendaría consultar estos ejemplos: Identifica el componente editable e ignora todo lo demás https://jsfiddle.net/arturarseniev/aku70f5w/ Identifica los componentes mar...

NeekoGta

Encontré una solución combinando 'fromElement: true' y esto: https://github.com/artf/grapesjs/issues/336#issuecomment-332205060 Pero tengo que usar 'type: 'local'' y ya no puedo usar 'urlStore' ni 'urlLoad'. Tengo que implementar yo mismo...

NeekoGta

@akkivaghasiya5 hace 2 años sí 😆 Pero al intentarlo de nuevo hoy, no parece funcionar. 'fromElement' parece ahora obsoleto. @artf ¿Es posible que nos pongas un ejemplo de cómo podemos lograr esto? ¡Gracias!

Ju99ernaut

Prueba a usar flexGrid

theSC0RP

@Ju99ernaut Muchas gracias. Usar flexGrid soluciona el problema.

artf

No es una función central, se implementó en el preajuste del sitio web de esta manera https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/panels/index.js#L108-L118

artf

Gracias @tomek-artneo Estaría encantado de fusionar la :)

MartinPutz

@dharmatv ¡Hola! Esto no es un error, puedes lograrlo definiendo las propiedades estilizables de un componente. '''js editor. DomComponents.addType('customComp', { modelo: { Predeterminados: { etiquetaNombre: 'customComp', estilizable:['co...

dharmatv

Hola @MartinPutz Gracias por tu respuesta Lo entiendo. Mi requisito es que solo los componentes de Grapesjs no deberían ser personalizados No mencioné que lo siento por eso

artf

Puedes usar los atributos de datos '<div data-gjs-stylable="['color']"></div>'

Ju99ernaut

Puedes añadir esto a 'pluginOpts' dentro de 'grapesjs.init': '''js const editor = grapesjs.init({ // ... pluginsOpts: { "gjs-blocks-basic": { prefijo style: '', // no gjs- prefijo flexGrid: 1 // usar flexbox en lugar de tablas } }, // ......

MartinPutz

@theSC0RP Esto no es realmente un problema de GrapesJS en sí. La celda en GrapesJS tiene '''css pantalla:table-celda; Véase https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align Así que aplicarías esto automáticamente en tu compo...

theSC0RP

@MartinPutz Gracias por la respuesta. ¿Cómo podría crear y aplicar una propiedad de estilo personalizada en la celda? Estoy usando el plugin grapesjs-blocks-basic para que la celda tenga el nombre de clase 'gjs-cell'. Intenté añadir la pro...

artf

Con la introducción de Canvas Spots creo que esta solicitud de función puede considerarse completa. Aquí tienes un ejemplo rápido de demo https://github.com/GrapesJS/grapesjs/assets/11614725/ea956282-b6bd-455e-af9b-6b5fb7707d71

artf

Creo que, actualmente, no es fácil lograrlo. El módulo Sorter es bastante antiguo y desordenado, y tendría que refactorizarlo para permitir esa funcionalidad (que, sin duda, me encantaría tener). Por desgracia, no hay fecha estimada para e...

kerryj89

Justo estaba pensando en esto. Creo que es la evolución natural y necesaria cuando puedes poner límites sobre dónde algo se puede soltar.

artf

Bueno, si usas GrapesJS y permites la posibilidad de insertar HTML personalizado, sí, Self-XSS es posible. Desafortunadamente, hay pocos problemas que no me permitan solucionarlo correctamenteNecesito acceder al DOM del iframe para añadir...

rukavina

Tienes razón, pensábamos que 'sandbox="permite-mismo-origen"' bastaría, pero también hace falta 'permitir-scripts', y entonces es como no usar sandbox en absoluto. Pero, lo que podría ser útil es proporcionar una forma para que los usuario...

blinkybill

Si usas el encabezado HTTP de la política de seguridad de contenido puedes solucionar muchos problemas de XSS como este. pero hay un problema con GrapesJS ahora mismo que es que usa underscore.js, que incluye una función con el uso de "eva...

artf

Gracias, @maryia-kabash encontró el problema, ¡lo arreglarán en la próxima versión!

maryia-kabash

¡Hola @artf! Tengo una pregunta sobre esta corrección: setTarget ahora actualiza correctamente las clases en la sección de Clases, pero el Style Manager no refleja los estilos reales. Por favor, mira - https://prnt.sc/vfzuvv ¿Quizá este se...

artf

Gracias por el informe y la sugerencia, Maryia. La corrección estará disponible en la próxima versión (espero publicarla mañana)

artf

Lo siento, pero en ese caso no puedo hacer mucho sin una demo reproducible, la demo oficial con la última versión funciona bien, así que supongo que puede que solo haya algún problema por tu parte.

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