Hola @artf, Cuando tengo varios elementos anidados en el panel de Capas, algunos nombres de elementos se truncan porque el ancho del panel de capas no es lo suficientemente grande; sé que un panel personalizado y redimensionable puede ser una solución, pero añadir un atributo título sería suficiente para la mayoría de...
@artf por supuesto, ¡gracias! Voy a crear la relación pública...
ClaudeCode
Gracias por informar de esto, @Franci5co5aoco. Excelente pregunta sobre FEAT: Añadir un atributo de título a los elementos del panel Capas. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la d...
Versión: Última Puedes obtener la versión escribiendo 'grapesjs.version' en la consola ¿Puedes reproducir el error de la demo?[X] Sí[ ] No ¿Cuál es el comportamiento esperado? El componente con cuerpo vacío no debe estar lleno con contenido por defecto. ¿Cuál es el comportamiento actual? Cuando creamos un nodo vacío y...
artf
Has definido el 'contenido' por defecto en la definición de componentes, así que uno vacío usará eso como predeterminado. Solo mueve ese 'contenido' de la definición de componentes al bloque de 'párrafo'.
harsh201
@artf ¿Alguna ayuda aquí?
harsh201
¡Gracias @artf! Se me olvidó por completo añadir a nivel de bloque.
Hola, gracias por revisar mi problema. Quiero usar mi propio JSEditor para editar html, css y js. Primero, uso 'getHtml', 'getCss', 'getJs' para mostrar el código en mi JSEditor. Y he visto que el código JS está comprimido. ¿Cómo puedo conseguir un código sin comprimir? Yo uso 'editor'. CodeManager.getCode(model, 'js'...
artf
El 'script' que usan los componentes con JS se basa en el mismo código de tu fuente. Por ejemplo, si creas un plugin y luego lo construyes con webpack/babel, el componente imprimirá el resultado desde la compilación. Supongo que podrías cr...
xinnai
@artf Hola, no estoy seguro de si entiendes mi pregunta. Quiero editar el código js en mi propio editor js, primero configuro el código js de tu editor usando 'getJs()', pero en tu demo.html se ve así: ! 1444126130 Todo este código está co...
artf
'autoBeautify' es una opción que se pasa a CodeMirror, pero en cualquier caso, puede embellecer el código pero no lo descomprimirá porque el código se almacena así en el componente
Versión: 0.16.44 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No Configurar 'editor. Parser.getConfig().keepEmptyTextNodes = true;' en la consola y luego intentar arrastrar un formulario a un plugin de 2 columnas. ¿Cuál es el comportamiento esperado? Describe el error detallado Por lo que he observado, un 'keepEmp...
artf
Bueno, sí, tiene sentido, probablemente deberíamos tomar el primer elemento "válido" (el que realmente soporta 'partidas'). Pero también tengo curiosidad por saber tu caso para el uso de 'keepEmptyTextNodes'. Hace unos días estaba pensando...
neilkyoung
@artf Un sistema que usamos para la creación de páginas web implementa esto. Aunque ahora hemos conseguido convencerles de desactivar esto gracias a tu comentario arriba:-D
artf
Genial, entonces cierro esto. Avísame por si hay algo mal o diferente con ese cambio de tu parte
¡Hola! He intentado añadir jquery tanto en Canvas como en index.html Lo estoy añadiendo en lienzo así- 'canvas = editor. Lienzo; const script1 = document.createElement('script'); script1.src = 'https://code.jquery.com/jquery-3.6.0.min.js'; canvas.getDocument().head.appendChild(script1);' y en la página HTML lo he añad...
artf
Aquí puedes ver cómo cargar las dependencias correctamente https://grapesjs.com/docs/modules/Components-js.html#template-related
ClaudeCode
Gracias por informar de esto, @RutujaBadbe. El error ReferenceError: $ no está definido ocurre cuando Canvas intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicializado. Esta es una condición...
Hola, ¿El componente de redes sociales de Facebook está pensado para proporcionar un enlace de Facebook a la página de Facebook de una empresa u organización, o está diseñado exclusivamente para compartir algo específico de tu línea de tiempo? Parece ser lo segundo, aunque me parezca contraintuitivo, ya que muchos cor...
artf
Supongo que buscas este https://github.com/artf/grapesjs-mjml
HeyWrecker
Ah, entonces fue mi error, ¡gracias!
HeyWrecker
Como seguimiento, he confirmado que el componente social de Instagram sí enlaza con la página de perfil de IG. Mientras que la opción de Facebook no enlaza con la página de Facebook.
Hola, gracias por tu trabajo. Tengo un problema. Quiero hacer una vista tipo codepen y que la vista de grapesjs sea arrastrable hacia arriba y hacia abajo. Pero cuando lo arrastro, las herramientas van a la posición incorrecta y también los elementos de resaltado al pasar el cursor están equivocados. Probé splitjs y o...
Ju99ernaut
Puedes probar a ejecutar 'editor.refresh()'
xinnai
@Ju99ernaut ¡Muchas gracias, me salvas el día!
ClaudeCode
Gracias por informar de esto, @xinnai. Buena pregunta sobre gjs-cv-tools en una posición incorrecta cuando pongo grapesjs en un splitpanes. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la d...
Hola, estoy creando una solución para que los estudiantes cuenten sus experiencias en el instituto como diapositivas hechas desde el editor de grapej (similar a Canva), y he configurado el editor en modo 'absoluto', que funciona de maravilla. Sin embargo, no consigo encontrar la forma de mover el bloque que se cae en...
artf
No, desafortunadamente, en ese caso, el keymap personalizado sería la única solución. Deberías simplemente conseguir el componente seleccionado y actualizar su estilo.
michaelhofer
He encontrado una solución funcional para esto de la siguiente manera: Los comandos se están añadiendo de la siguiente manera: El método 'moveSelectedElements' hace lo siguiente: Sin embargo, al mover los elementos con las flechas, el lien...
sathudeva7
keymaps.add('ns:my-keymap', '⌘+s, ctrl+s', 'some-gjs-command', { Evitar la acción predeterminada del navegador prevente: cierto, });
Se requieren muchos clics para que el texto sea editable, ¿podemos hacer que el campo de texto sea editable con un solo clic? Lo sé, el clic único puede ser molesto al arrastrar bloques y eso ya es bastante estándar, pero en mi caso, quiero editar solo con un solo clic, si es posible, por favor guíame.
Gracias por informar de esto, @fahad157. Gracias por compartir tu informe sobre edición de texto con un solo clic. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSF...
Tengo un componente que usa la propiedad 'background-url' del Style Manager: Me gustaría reutilizar esta interfaz que aparece en el Style Manager para un rasgo de URL en segundo plano que aparece en "Configuración": ! Captura de pantalla 2021-03-11 a las 28 12 27 PM ¿Es posible que una propiedad del Style Manager se c...
artf
Desafortunadamente, aún no es posible, pero hay un plan para añadir pronto un nuevo módulo de interfaz que debería permitir la reutilización de elementos de la interfaz
zachsnoek
:+1: ¡Gracias!
ClaudeCode
Gracias por informar de esto, @zachsnoek. Buena pregunta sobre Crear rasgo con la interfaz de propiedad del Style Manager. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...