Hola, antes que nada, gracias por una herramienta tan estupenda. En mi proyecto me encontré con el problema de que tengo que desactivar los scripts dentro del editor. Encontré dos problemas similares con este problema: https://github.com/artf/grapesjs/issues/2046 https://github.com/artf/grapesjs/issues/2814. Así que e...
RJCAM
Hola @kuhelbeher yo también sigo intentando conseguirlo, pero aquí va un consejo que puede ayudarnos a conseguirlo. Publicaré aquí si encuentro la manera. Consulta este número #2772
kuhelbeher
@RJCAM gracias por el consejo, lo probé, pero el problema con este enfoque es que desactiva el script para componente, no toda la plantilla.
artf
Una vez que el editor y sus componentes están cargados, es difícil pensar en desactivar JS; piensa en un componente con scripts personalizados que vincule eventos alrededor del DOM (quizá incluso usando algún plugin externo). La única form...
La salida de "JSON.stringify(editor.getComponents())" muestra que el src de una imagen se almacena dos veces. { "tipo": "imagen", "vacío": cierto, "estado": "seleccionado", "contenido": "", "atributos": { "id": "iy3c7", "src": "Datos:Imagen/PNG; base64,..." <--- 1. }, "src": "Datos:Imagen/PNG; base64,...", <--- 2. "ac...
artf
@longdoan7421 creo que podemos eliminarlo en el método 'toJSON' cuando el 'src' es igual a 'attribute.src' y asegurarnos de que se carga correctamente al cargar
longdoan7421
Hola @artf, Acabo de echar un vistazo rápido a 'ComponentImage'. Creo que es posible eliminar la propiedad 'src' en el modelo de imagen y reemplazar el código que usa 'src' en 'ComponentImage' y 'ComponentImageView' por el 'attribute.src'....
Pasos:Demo del boletín abierto en https://grapesjs.com/demo-newsletter-editor.htmllimpiar el lienzoeliminar "Sección de texto"seleccionar cualquier palabra dentro de H1, por ejemplo, palabra "título"pulsa el modificador Negrita una o dos veces Esperado:El texto seleccionado dejó de ser en negrita Actualidad:El texto s...
robsonsobral
Esto me parece un fallo lógico. "<Hn>Los elementos no son atrevidos, sino títulos. Como mencionaste, ni siquiera el 'execCommand' nativo del navegador, usado en el editor integrado, sabe qué hacer. @fedulovivan, ¿tienes alguna sugerencia d...
fedulovivan
Hola, @robsonsobral Un html, generado por el RTE incorporado, es correcto: Original: '<h1>Inserta el título aquí</h1>' Después de poner la palabra "título" en negrita: '<h1>Insertar <span style="font-weight: normal">título</span> aquí</h1>...
robsonsobral
Profundizo un poco en esto. Tras el evento de desenfoque, el marcado cambia de '<span style="font-weight: normal">title</span>' a '<span data-gjs-type="default"><span data-gjs-type="text">title </span></span>'. Si lo intento de nuevo, se c...
DescripciónEn nuestro proyecto para assets de imágenes usamos url en lugar de código base64.Comportamiento esperado Al establecer una imagen de fondo a un control , debe actualizar el css de este control .El css debe reflejarse en el lienzo y en el panel de estilo.¿Qué pasa en cambio? Si la imagen tiene espacios o par...
meyerco
Hola @artf, #2975 Aquí tienes una PR para solucionar el problema. Por favor, actualízame si es lo suficientemente bueno. Gracias
artf
Gracias por el informe, agradecería una imagen pública para este problema
meyerco
¿Puedes indicarme un archivo donde se configura imagen de fondo?
Hay un problema con Link y CKEditor. He activado la propiedad editable para <a> las etiquetas: '''javascript CKEDITOR.dtd.$editable.a = 1; ``` Y cuando hago doble clic en el enlace, es editable, todo funciona como debe. Pero cuando termino de editar e intento editarlo de nuevo, no puedo hacerlo. ! simplescreenrecorder...
Veo que el contenteditable sigue siendo 'falso', que es la causa del error, pero no estoy seguro de cuál es la causa. También podría ser el CKEditor el que impide la propagación por alguna razón. Si alguien está dispuesto a ayudar, se lo a...
Así que cuando arrastro un componente o objeto desde la barra hasta el centro, no va a donde le dije... ¿Siempre va aproximadamente un 20% del ancho de página hacia un lado? Una vez añadido, es ajustable. Mira este gif: https://gyazo.com/87076de55a1853e80b5dd7ea14ccb94e ¿Alguien tiene alguna sugerencia?
RJCAM
Hola @tonypartridge ¿Tienes la última versión de GrapesJS? Esto me funciona bien con el 'dragMode: "absoluto",' Consulta este código básico a continuación:
artf
sí... De hecho, puedo reproducir el mismo problema cuando se activa una vista de dispositivo más pequeña, probablemente algún tipo de regresión. Necesito tiempo para investigar, pero ahora mismo estoy un poco ocupado con otras cosas y arra...
soltanloo
Tengo el mismo problema cuando uso el modo absoluto de arrastre. Los bloques siempre se caen del lienzo y tengo que desplazarme para recogerlos y colocarlos en la posición original deseada. @tonypartridge ¿Has encontrado alguna forma de ar...
Hola, Estoy teniendo algunos problemas con el enfoque móvil primero. El lienzo muestra el estilo incorrecto al establecer diferentes estilos en varios puntos de interrupción. Pero el código generado es bueno, este problema solo ocurre en el lienzo. https://codesandbox.io/s/xenodochial-shockley-s02lp?file=/index.js:496...
artf
Deberíamos aplicar la misma lógica de https://github.com/artf/grapesjs/blob/201e1f9a61783080f7be885e9e0be9a40ecc16cc/src/codemanager/model/CssGenerator.js#L151-L162 Aquí https://github.com/artf/grapesjs/blob/201e1f9a61783080f7be885e9e0be9a...
Hola, Acabo de actualizar a la versión de Last 0.16.12 y tengo un error al intentar mover un componente que tiene la propiedad 'textable:1' a un componente de texto. Funciona en la versión anterior 0.16.3. Cuando muevo el componente me aparece un error en la consola 'Uncaught TypeError: No se puede leer la propiedad '...
artf
Dejo aquí un ejemplo funcional de un componente textible https://jsfiddle.net/artur_arseniev/0b9ox72g/
0099FF
Parece que se introdujo en 9c24108dadf2ded39e8805b6c4a5f00c626c468b. Como señala @antman3351 la llamada 'model.getView().render();' es la causa problemática. Un poco más abajo en la pila de llamadas intentamos actualizar los atributos de l...
bogdanbs
Mi dos tomografía a esto. El problema radica en mezclar código asincrónico y síncrono. La habilitación de rte: enable(view, rte) así como los ComponentTextView.onActive y ComponentTextView.disableEditing son ahora, desde la solución para e...
Oye @artf, pregunta, ¿deberían activarse los comandos principales cuando se activa el keyMap? La situación: He añadido a estos oyentes: Cuando elimino un componente usando el icono de eliminar, llama a mi oyente, pero al pulsar la tecla 'suprimir', no activa el oyente... ¿Estoy haciendo algo mal aquí? Puedes consultar...
artf
Sí, tienes razón, el controlador de comandos se ejecuta directamente aquí https://github.com/artf/grapesjs/blob/fbfa812eaaeeb467337107896ee6decfbfbc028e/src/keymaps/index.js#L154 debería pasar por 'Commands.run(id, opts)' https://github.co...
El control deslizante de propiedades predeterminado de StyleManager no funciona con un valor de paso que no sea entero. Versión GrapesJS: 0.16.1 En muchos casos, es conveniente usar un deslizador con un valor de paso no entero: ! GrapesJS parece que Grapesjs solo admite valores enteros y redondea valores no enteros. P...
adamwpe
Ah, te refieres a las flechas; perdona, pensaba que en general querías decir que el deslizador no funciona. ! imagen Nunca me había dado cuenta de eso: siempre usa el orden deslizante, el ratón arrastrando sobre las flechas. Voy a echar un...
adamwpe
Curiosamente, esto me funciona (sé que estoy creando el sector al mismo tiempo): ¿Puedes hacer una demo?
jsychova
Sí, por supuesto. He creado una muestra con tu fragmento, pero parece que no quiere trabajar conmigo. https://codepen.io/sjul66/pen/VwvMwNY ¡Gracias!