¡Hola, @artf! :) Quizá puedas ayudarme con uvapesjs. Tengo botones que tienen sus propios scripts (por ejemplo, abrir la ventana modal con clic). Y si pongo la propiedad allowScripts: 0, puedo editar estos botones, pero si editor.allowScripts == 1, los botones ejecutan lógica (por ejemplo, abrir ventana modal) y en es...
artf
Recomendaría crear un componente personalizado para esos botones para manejar la lógica con scripts
sashapawlow726
@artf muchas gracias! :+1:
ClaudeCode
Gracias por informar de esto, @sashapawlow726. ¡Gran sugerencia sobre Button switcher a editor.allowsCripts! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando...
Quiero aplicar un script al elemento rte, que es select html element; al seleccionar el valor de un campo select, los valores dinámicos deberían añadirse a otro campo select pero el script no funciona en rte ! Captura de pantalla 2020-11-25 a las 130 28 PM rte.add('custom-childkey', { icono: htmlForChild, Vincula el '...
artf
Quizá porque es 'stringify' y no 'stringfy'...
ClaudeCode
Gracias por informar de esto, @pranay2210. ¡Gran sugerencia sobre *! 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: '''javascript edi...
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
Ya existe un plugin para October CMS https://octobercms.com/plugin/pkurg-pagebuilder
ClaudeCode
Gracias por informar de esto, @michaelVictoriaDev. Gran sugerencia sobre FEAT: ¿Hay alguna forma o tutorial para integrar en Octoberur CMS?! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un...
Tengo una plantilla en html. La plantilla HTML tiene un botón. Cuando haces clic en el botón, ocurre un evento (abriendo una ventana modal). ¿Es posible cambiar visualmente la apariencia de un botón sin activar un evento? Con allowScript: 0, puedo editar la apariencia del botón, pero en este caso, el evento no se acti...
artf
Tienes que crear un componente personalizado para ese botón si requiere lógica/comportamiento personalizado respecto a lo que hace el HTML original
ClaudeCode
Gracias por informar de esto, @sashapawlow726. Gran sugerencia sobre FEAT: ¿cómo editar un botón si el botón tiene una acción (abrir una ventana modal)?! Aunque esta función específica aún no está en la API principal, existen varias formas...
Estoy teniendo un problema: al guardar un componente HTML personalizado (solo una tabla), Grapes JS lo modifica. Guarda antes ! imagen Después de guardar. ! imagen Así que quiero poder insertar una tabla porque me gustaría intercalarla con twig (un lenguaje de plantillas): Creo que está vinculado al #606, pero no veo...
adamwpe
Ah, si uso este https://github.com/artf/grapesjs-custom-code, no modifica el html durante el guardado. Esto no funciona cuando se usa 'gjs-preset-newsletter'. Porque si ejecutas el comando 'gjs-get-inlined-html', entonces se modifica el có...
artf
No puedes insertar HTML inválido. Si necesitas gestionar cosas así, tienes que crear un componente personalizado que luego generará el código personalizado.
ClaudeCode
Gracias por informar de esto, @adamwpe. ¡Gran sugerencia sobre HAZAÑA: ¡Desactivar <table> la modificación automática durante la partida! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un co...
¿Qué intentas añadir a GrapesJS? Cuando se deja caer un componente, mantente en la posición en la que se hace clic con el ratón. Describe tu solicitud de función detallado Empiezo a jugar con algunos bloques/componentes básicos. Si arrastro y suelto un componente, por ejemplo, una entrada de texto sencilla, parece que...
sprklinginfo
descubrí que ya está implementado usando "dragMode: 'absoluto'". Gracias.
ClaudeCode
Gracias por informar de esto, @sprklinginfo. Gran sugerencia sobre TALENTO: ¡Deja caer un componente en la posición en que se hace clic del ratón! Aunque esta función específica aún no está en la API principal, existen varias formas de log...
Voy a decir que esto es tanto una solicitud de funcionalidad a medida que voy hablando de algunas partes, como un pequeño problema. Diría que queda mal tener un proyecto más nuevo que 2015 que usa px para casi todo. La gente utiliza tamaños de pantalla que son solo de 768 píxeles en el plano más estrecho, ya sea móvil...
ClaudeCode
Gracias por informar de esto, @sadtaco. El problema con FEAT/ISSUE: CSS standards parece ser una condición de carrera o un problema de sincronización de la gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de los com...
¡Hola! He encontrado un error raro con el oyente de actualizaciones. Se activa en la carga inicial si el código html tiene <img> etiqueta con atributo clase: '''javascript const editor = grapesjs.init({ contenedor: "#gjs", storageManager: { type: 0 }, Plugins: [], Componentes: ' <img src="https://images.unsplash.com/p...
artf
No sé por qué ocurre, pero no le daría alta prioridad al problema para una actualización falsa positiva. Así que, si alguien quiere ayudar a depurar esto, se lo agradecería
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'....
Podemos reproducir el error a partir de la demo Comportamiento actual: ! captura cromada Comportamiento esperado: No deberíamos poder arrastrar o mover componentes cuando estamos en modo de vista previa.
artf
Se arreglará en la próxima versión. Por ahora, puedes arreglarlo tú mismo, de esta manera: '''js const preventDrag = (opts) => opts.abort = 1; editor.on('run:core:preview', () => { editor.on('run:tlb-move:before', preventDrag); }); editor....