Ahora, en el editor GrapesJS, tenemos algunos tamaños de fuente en 'REM'. Creo que deberían estar en la unidad 'EM' porque si queremos incrustar el editor en la página existente puede haber problemas con el tamaño correcto de la fuente, en caso de que el tamaño de fuente padre esté configurado a un tamaño distinto al...
artf
Sí, creo que tienes razón, ¿te gustaría crear una residencia permanente?
Hola a todos, Estamos trabajando en una aplicación de boletín y usamos grapesjs como editor de correo con el preajuste del boletín PLGUIN y algunos cambios personalizados. Almacenamos los HTML en nuestra base de datos y he notado que algunas plantillas tardan mucho en cargar con el método editor.setComponents. Intenté...
artf
Esto te muestra cómo encontrar problemas con las interpretaciones https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/
artf
Hola @iggolob ¿puedes dar un ejemplo de plantilla y pasos exactos para reproducir el problema (hablando de que es más lento cuando seleccionas un componente)?
iggolob
Hola @artf La página de demostración del boletín de noticias puede usarse para reproducir el número (https://grapesjs.com/demo-newsletter-editor.html ). Como plantilla puedes usar el conjunto HTML predefinido para la página de demostración...
Creo que lo que puede estar pasando es que no se comprueba si realmente es una imagen la que se está dejando caer en el lienzo. Consulta estos 2 enlaces para versiones de reproducción mínima. https://codesandbox.io/s/jlqpl2kj95 (zona de caída configurada a 1, simplemente deja caer cualquier bloque sobre el lienzo y se...
@artf, ¿hay alguna forma de mostrar el nombre del elemento de destino? ! grapejs_drop
artf
No, actualmente no está gestionado, pero aceptaría una residencia permanente para esto (creo que podría ser necesario crear un nuevo comando para manejar la insignia)
Versión 0.14.40Haz clic en "Continuar"Seleccione el encabezado "¡Te has registrado con éxito!" (sqh-header)Arrastra el bloque de cabecera entre "Da 10 $ y recibe 10 $" y el texto de abajoel encabezado sqh aparece visualmente encima del encabezado Give $10, pero debajo del encabezado Give $10 en el gestor de capasArras...
artf
Parece que el problema se debe a los diferentes "nodos de texto" vacíos que tienes en tu JSON. ¿Cómo se obtiene esa estructura?
00salmon
Hola @artf, Gracias por señalarlo. El JSON proviene de un ejemplo interno con más componentes y los bits que faltan debieron haberse convertido en nodos de texto vacíos. He eliminado los nodos de texto vacíos en el jsfiddle, pero sigo teni...
artf
Por favor, actualiza la demo en directo con JSON limpio
Hola @artf, Como se describe en la siguiente tarea, hice una compilación del ckeditor 5 que funciona con GrapesJS, aunque algunas funcionalidades no funcionan como se esperaba. Los puntos clave y los números se crean sin problema, pero las opciones de Negrita, Cursiva y Enlace no. ¿Hay alguna posibilidad de que puedas...
FrciSmrci
Hola @artf, gracias por la respuesta. La versión personalizada ya no es necesaria, porque la solución estaba dentro de la última versión. Estoy usando la versión de compilación en línea de @ckeditor/ckeditor5-editor. Voy a echar un vistazo...
FrciSmrci
@Unsigno El código debería ser un nuevo plugin que se pueda proporcionar en GrapesJS como grapesjs-plugin-ckeditor, solo que este plugin debería soportar ckeditor5 (grapesjs-plugin-ckeditor5). @gabrigcl desarrollado gran parte del plugin m...
artf
Hola @FrciSmrci no puedo decir que sea una de mis prioridades, pero puedes evaluar abrir una recompensa en https://www.bountysource.com/teams/grapesjs y ver si alguien más puede comprobarlo. Por cierto, preferiría una integración con el CK...
¿Hay alguna forma de que el lienzo redimensione de forma dinámica? es decir, no usar el Administrador de dispositivos, sino arrastrar y soltar el ancho, similar a lo que puedes hacer con paneles o componentes? Gracias
jvillena
@artf y @shlomoko, iré explicando el paso poco a poco. Primero, necesito usar Jquery, pero puedes usar otra librería o integrarte dentro del motor GrapesJS. En mi caso quería que fuera transparente al motor. 1) Tengo dos elementos de div o...
artf
No @shlomoko, el lienzo no es redimensionable pero me encantaría ver un reparador permanente para eso (posiblemente con la misma lógica que se usa en los paneles).
jvillena
Hola @artf, acabo de implementar una barra de lienzo para redimensionar, pero no sé si existe alguna forma de refrescar la posición de los bordes de los resaltos. Echa un vistazo al vídeo, por favor: http://recordit.co/jKlppYg2dD GJS-Badge...
Hola, Creo que hay un error relacionado con la generación de atributos de id de elemento. Al modificar el estilo del elemento, el valor del atributo id del elemento se genera automáticamente y se añade al HTML que antes se podía ver en el editor de código. Luego, el valor del atributo id se actualiza correctamente cua...
maxtacco
Además, si este es el caso, sería bueno establecer la estrategia predeterminada de valores "vacíos" para los rasgos en la configuración de un componente. Por ejemplo, 'valíaVacío: ""' o 'valorVacío: nulo' o 'valorVacío: () => {}'.
Hola, ¿Hay alguna forma de configurar el editor grapesjs de modo que el CSS generado para el contenido HTML esté espaciado en nombres? En otras palabras, ¿cómo evitar que las reglas de estilo definidas para el contenido creado/editado en el editor se filtren al resto de la página web? En el caso de mi sitio web, el us...
danfitz36
¿Crees que podrías simplemente prefijar todos los nombres de clase generados por Grapejs? Si en vez de .row usas .grape-row o lo que sea (probablemente haría que el prefijo sea una variable), obtendrás principalmente el efecto que @tomicha...
artf
De hecho, puedes añadir un oyente en los nuevos selectores y añadir un prefijo ahí '''js prefijo const = 'miprefijo-'; editor.on('selector:add', selector => { nombre de const = selector.get('nombre'); si (selector.get('type') === editor. S...
devmohitagarwal
HOLA, La gente que busca sandbox, prefijo el CSS exportado puede intentarlo, nosotros tuvimos el mismo caso de uso y optamos por el enfoque sass. Para ello, utilicé sass.js (https://github.com/medialize/sass.js/) Pasos:encierra la cadena c...
Hola Artur, ¡Primero que nada, Grapesjs es increíble! Ahora mismo estoy intentando entender cómo crear un panel con un botón que abra una nueva vista, como hacen los bloques y los botones del gestor de capas. Quiero renderizar mi propio conjunto de elementos en esa nueva vista. Estoy mirando el código que usas para ab...
daniel-farina
Una buena práctica para familiarizarte con GrapeJS sería intentar duplicar el gestor de bloques y crear el tuyo propio. Puedes lograrlo editando los archivos que aparecen a continuación. Un buen ejemplo sería copiar el src/blockmanagerand...
Moikapy
Hola, estaba mirando de hacer algo similar y encontré esto aquí. Me preguntaba si existe alguna documentación que explique más sobre el proceso de creación de nuevas vistas.
artf
Hola @RuudH gracias por la sugerencia, espero publicar pronto algo más sobre este argumento. Por ahora, solo puedo sugerirte que compruebes los comandos usados para esos paneles (por ejemplo, Bloques abiertos)