Problemas con GrapesJS

artf

@frank tenzing, no estoy seguro si es el único error de IE, ¿estás teniendo este problema con algún tipo de plantilla (que probablemente contenga algún elemento SVG)?

frank-tenzing

Hola @artf, lo que he hecho después de clonar el último repositorio es 1). Sustituyó el script de inicio por '"start": "webpack-dev-server --open --progress --colors & npm run build:css -- -w",;' 2). Comentaron los editor. BlockManager.add...

artf

@frank tensión, gracias, pero ¿qué pasa con otros navegadores?

Moikapy

No estoy seguro si encontré este código en un Issue aquí o en Stack Overflow, pero este código aquí reemplaza los Divs por una <br/> cuando pulsas la tecla enter. He puesto este código en el mismo archivo que mi grapes-config ! uvasEjemplo...

ryandeba

Yo mismo investigué esto hace unos días... aparentemente hay una opción 'insertBrOnReturn' para 'execCommand', pero el soporte para navegadores es terrible. Una solución como esta (https://stackoverflow.com/questions/18552336/prevent-conte...

gabrigcl

He encontrado una solución a mis necesidades usando CKEditor y anulando el componente nativo de "texto" para crear el mío propio. Mi componente de texto ahora es una div con una clase css que identifica el componente: '''javascript comps.a...

artf

Gracias @z1lk por la sugerencia, tiene mucho sentido pero no estoy seguro de copiar cosas, me gustaría evitar repetir el código, probablemente tendría sentido crear una vista abstracta que haga lo mismo y que podamos usar en otros puntos

artf

Cerrando esto en favor de https://github.com/GrapesJS/grapesjs/issues/1806

TWCM

Hola @artf, Estoy intentando ayudar con esta mejora. Pero no estoy seguro de si estoy en lo correcto, por favor ayudadnos a verificarlo.

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

Probablemente podría ayudar aquí; intentaré hacer una solicitud de tirada más tarde hoy o mañana.

TWCM

Hola @ryandeba, Gracias por tu esfuerzo.

TWCM

Hola @artf, más una pregunta, ¿puedo tener una mejora para el comando de selección? Cuando el cursor haga clic o pase el cursor sobre el elemento que no es seleccionable, entonces la selección salta al elemento disponible. Como el elemento...

artf

Hola Matt, ya estamos planeando eliminar Fontawesome del núcleo y usar en su lugar SVGs para los iconos :)

antman3351

Hola, Actualmente estoy probando y desarrollando en etapas iniciales la integración de GrapesJs en una aplicación web existente que utiliza FontAwsome 5.12 (Estoy realmente impresionado con GrapesJs, especialmente por lo extensible que es...

Geczy

PD, FA5 usa SVGs ;)

fguslinski

Hola, he solucionado esto usando la siguiente configuración: 'grapesjs.init({ ColorPicker: { appendTo: 'padre', Desplazamiento: { arriba: 26, izquierda: -166, }, }, })` Quizá tengas que ajustar la posición superior e izquierda, porque yo c...

swarnat

Tuve exactamente el mismo problema y, gracias a tu consejo sobre ColorPicker.js pude solucionarlo. Como dice artf, el cálculo de posición es incorrecto cuando el editor aparece con una ventana emergente, como en bootstrap modal. Así que he...

artf

¿Puedes dar un ejemplo en tiempo real del problema? (jsfiddle, codepen, etc.)

artf

Las cosas abstractas de dominio son solo para uso interno, así que ni siquiera planeo dejarlas sobreescribir, ¿cuál es tu caso de uso?

Geczy

Quiero personalizar la apariencia de los campos de formulario en el panel de configuración de un componente, usando clases existentes en Bootstrap u otro framework CSS que utilice. Así que quiero reemplazar 'gjs-field' por 'form-group'

artf

Vale, entiendo el caso, pero ahora mismo no hay una forma fácil de hacerlo :/

artf

@fsaiyedOB sí, he hecho el componente de tabla así porque en ese momento de escribir el clasificador actuaba de forma diferente y era un caos ordenar filas con elementos tipo 'tbody' alrededor. Actualmente, tratar con tablas no es mi prior...

ryandeba

¡Gracias! Intentaré empezar con esto en los próximos días.

ryandeba

Hola @artf - probablemente pueda echarle un vistazo a esto en algún momento. He empezado simplemente eliminando la sección "Limpiar filas de tabla de filas que no son filas" en el componente de tabla (líneas 54-68). ¿Puedes indicarme qué p...

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