Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v93 Enlace de demo reproducible https://codepen.io/damnslow/pen/yLXXOxQ Describe el bicho ¿Cómo reproducir el bicho?Seleccionar ambos elementosArrastrar usando el icono de arrastrar ¿Cuál es el comportamiento esper...
artf
Posicionamiento absoluto, ahora mismo, tiene más de un problema y me gustaría abordarlos todos aquí:[ ] Posición incorrecta en otros dispositivos[ ] Posición incorrecta en un lienzo ampliado/panoramizado[ ] Posición incorrecta para los hij...
itscarlosrufo
Hola a todos, Muchas gracias por los comentarios y la discusión detallada. Nos complace compartir que hemos abordado algunas de las funcionalidades solicitadas. Además, hemos introducido un nuevo plugin de modo absoluto que debería cubrir...
fmfeit
Hola @artf, Esta función es crucial para mi proyecto actual, así que tengo dos preguntas: ¿Es posible pagaros a ti (o a alguien más) para que priorices esta función? Si no, ¿puedes describir los pasos necesarios para resolver el problema y...
Hola @artf quiero anular la función de arrastre de '''dmode "absoluto"'''. Por ahora, tenemos la capacidad de movernos libremente por el lienzo y, si nos mueves a cualquier parte del escritorio, no será igual en el otro móvil o dispositivo de mesa. Además, en los píxeles quiero que sea en porcentaje para que sea sensi...
artf
Tienes que extender el comando ComponentDrag
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. ¡Gran sugerencia sobre las funciones de Anulación de Arrastre! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar....
Comentado en https://github.com/artf/grapesjs/discussions/3711 <tipo div='discussions-op-text'> <sup>Publicado originalmente por ltenti 17 de agosto de 2021</sup> Hola a todos, Me pregunto cómo abordar este tipo de escenario:Tengo que permitir que los usuarios de mi aplicación editen una página webla página web tiene...
Gracias por informar de esto, @ltenti. ¡Gran sugerencia sobre el análisis parcial! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistema de eventos: '''...
¡GrapesJs es el mejor creador de páginas! :corazón: Perdona, soy nuevo en GrapesJs. ¿Puedo añadir soporte para componentes de Vue?
ClaudeCode
Gracias por informar de esto, @denisoed. ¡Gran sugerencia sobre ¿es posible configurar el renderizado de los componentes de Vue?! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportami...
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...
artf
La cadena aquí se supone que es una cadena de consulta, así que intenta consultar una etiqueta 'wrapper', que obviamente no existe. El editor adjunta el atributo 'data-gjs-type' a todos los componentes del marco, por lo que la consulta que...
anatoli-dp
Ah, ahora tiene mucho más sentido... Gracias, eso solucionó el problema
ClaudeCode
Gracias por informar de esto, @anatoli-dp. El problema con configurar arrastrable: 'envoltorio' no cae en el envoltorio parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los...
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...
artf
No estoy seguro de entender tu problema, ¿cómo mueves o escalas exactamente el lienzo? esto no está relacionado, ¿existe alguna función que se pueda llamar para ampliar el contenido y no el lienzo? Así que si quiero escalarlo, como si estu...
anatoli-dp
Lo escalado usando el editor. Canvas.setZoom y muévelo usando la barra espaciadora. Ahora mismo quité lo que había hecho, pero era algo así como coger el elemento de lienzo y simplemente colocarlo con una actualización de estilo. Sin embar...
artf
Si hablas de las coordenadas móviles, aún no tenemos una API directa para eso, pero puedes obtenerlas o actualizarlas de esta manera: '''js const canvasModel = editor. Canvas.getModel(); Obtener valores const { x, y } = canvasModel.attribu...
El Style Manager de Grapesj tiene tantas características interesantes, pero no tiene un tipo de propiedad de texto, Entonces, ¿por qué no lo añades?
artf
@aliibrahim123 si no especificas ningún tipo, se creará una propiedad simple de tipo de texto :)
aliibrahim123
hola Hice una composición de texto sencilla Este es el código styleManager.addType('text', { create({ props, change }) { const el = document.createElement('div'); el.innerHTML = '<tipo de entrada="texto" clase="mi-entrada" />'; const input...
ClaudeCode
Gracias por informar de esto, @aliibrahim123. ¡Gran sugerencia sobre FEAT: tipo de texto para gestor de estilo! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usan...
Hola, @artf Como he leído, allowScripts:1 permite a grapesjs cargar scripts . Cuando cargo una página de aterrizaje por primera vez funciona bien. Carga todo JavaScript. Después de esto, cuando uso editor.setComponents(html) o pageManager.select(pageId) para la misma cadena html que se usó en LandingPage. JavaScript n...
ClaudeCode
Gracias por informar de esto, @NoumanAhmad-Braqsol. ¡Gran sugerencia sobre [QUESTIONS] editor.setComponents(html) y pageManager.select(pageId) que no cargan scripts js! Aunque esta función específica aún no está en la API principal, existe...
Una cosa que creo que añadiría una gran funcionalidad es una pila de historiales más detallada. Puedes conseguir la pila de deshacer y construir una especie de informe histórico con todas las ediciones que se hayan hecho, pero no está claro cuál fue cada edición (al menos para mí, así que si me falta algo, por favor h...
artf
Hi @anatoli-dp, la posibilidad de ver el historial de deshacer sería realmente genial y ya estaba pensando en cómo ampliar el módulo UndoManager para permitir este tipo de funcionalidad mediante un plugin (por ejemplo, puedes renderizar la...
anatoli-dp
Sí, sé cómo acceder a la pila, solo que no sé cómo interpretarlo para dar una descripción más significativa al usuario final
artf
simplemente no sé cómo interpretarlo para dar una descripción más significativa al usuario final Cada UndoAction (cada instancia de la pila) te indica el 'tipo' de acción (por ejemplo, 'añadir', 'eliminar', 'reiniciar', 'cambiar') y detall...
¿Qué intentas añadir a GrapesJS? He implementado un componente alternativo de edición de texto (no basado en RTE). Quiero que la gente pueda arrastrar y seleccionar texto en este componente. Describe tu solicitud de función detallado El problema es que la selección de arrastre también provoca arrastrar todo el compone...