¡Hola! Quiero integrar un componente personalizado con GrapesJS, usando Angular CLI 7, pero no se renderiza. Mi componente está construido sobre otro componente de código abierto. Cuando quiero incluirlo en cualquier proyecto de Angular, simplemente importaría las dependencias/bibliotecas en los archivos typescript y...
artf
Vale, pero ¿qué harás con la salida (componentes Angular) del editor? Quiero decir, ¿cómo lo vas a usar al final? En fin, veo dos enfoques diferentes para este tipo de situación:Crear un render personalizado para cada componente (exactamen...
artf
@adelliinaa empecemos con una pregunta sencilla porque no entiendo, ¿qué tipo de editor intentas crear? Un constructor para componentes angulares?!?
adelliinaa
Quiero crear un constructor de formularios similar al que creaste con los componentes de MJML, pero usando la CLI Angular en lugar de JS. Y sí, los componentes personalizados que quiero integrar en GrapesJS también están construidos en Ang...
¡Hola! Estoy integrando GrapesJS en una app de Laravel y hasta ahora todo bien. Después de configurar la carga y almacenamiento remotos, intento mostrar una notificación después de cualquier tienda (automática o manual). Siguiendo la documentación de la API, lo entendí fácilmente: 'editor.on('storage:end:store', () =>...
artf
@csb346 sí, tienes razón, no existe 'storage:success:store', el evento 'storage:end:store' se llama correctamente incluso en caso de errores, pero siendo el último llamado puedes usar una variable flag '''js que se equivoce; editor.on('sto...
Hola @artf, Quiero añadir Fullpage.js con GrapesJS. Así que, por favor, ayudadme, ¿qué debería hacer? Estoy intentando cargarlo como contenido HTML simple y añadirlo fulpage.js en scripts de canvas. pero no puedo hacerlo.
artf
Empieza leyendo la documentación: https://grapesjs.com/docs/modules/Components.html https://grapesjs.com/docs/modules/Components-js.html Si aún no puedes hacerlo después de la documentación, abre un problema mostrando el código que no func...
Cómo crear un tipo de entrada de casilla de verificación en definir un nuevo rasgo (https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type), lo he creado y la casilla no aparece, si comparo con los tipos de rasgos integrados (casilla de verificación) hay etiquetas i, gracias ! Screenshot4 'crear elemen en...
artf
Primero, tienes que proporcionar una demo para ese caso, ¿y por qué el tipo de rasgo de casilla de verificación incorporado no te funciona?
no-response[bot]
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...
¡Hola! Acabo de enfrentarme al mismo problema: https://github.com/artf/grapesjs/issues/1295#issuecomment-410046832 Mientras haces clic en uno de estos botones ! imagen 'this.getPropertiesEl().style.display="ninguno"' No se puede obtener el 'estilo' de propiedad de referencia indefinida o nula ¿Alguien ha conseguido ar...
zgeist
Tengo el mismo problema ¿Cómo puedo solucionarlo?
senchden
Puedo confirmar que en la demo de página web v0.15.8 no es posible establecer un estilo a un elemento. IE11 imprime esto en la consola cuando intentes configurar un estilo a través del Gestor de Estilos:
Alkotronikk
Para mí el problema era con ParentNode.children y no tenía polifill.
1) Escribe doble guion ( -- ) en el componente de texto. 2) Haz clic en exportar MJML. Consulta el error del sitio de demostración: ! Captura de pantalla del 17-07-23-15-23
Hola a todos, Soy nuevo en Grapejs, ¡pero hasta ahora me encanta! Ahora me topo con un problema que no consigo arreglar ni encontrar solución en ningún sitio, o simplemente soy demasiado tonto. Estaba trasteando con mis propios plugins con nombre y los importé al grapejs-script. Funciona bien y los bloques creados apa...
artf
¿Puedes crear una demo reproducible, por favor? Por tus ejemplos, incluso puedo decir "no tienes opciones en tus plugins", así que no puedo ayudarte sin una demo. La próxima vez, si algo no funciona, por favor sigue la plantilla de ERROR,...
untouch68
¿Puedes crear una demo reproducible, por favor?Por tus ejemplos, incluso puedo decir "no tienes opciones en tus plugins", así que no puedo ayudarte sin una demo.La próxima vez, si algo no funciona, por favor sigue la plantilla de ERROR, no...
artf
@untouch68 de nuevo, tus ejemplos están incompletos, ¿puedes crear una demo reproducible?
Hola a todos, Soy nuevo en esto, así que perdón por mi pregunta. Estoy intentando usar grapesjs para editar plantillas de correo. ¿Es posible tener campos dinámicos en el editor? por ejemplo [nombre de pila], [apellido], [dirección de correo electrónico]... etcétera. así que antes de enviar el correo, reemplazaré esos...
mohammed-gaber-ramadan
Sí, haré lo siguiente: Usaré el plugin de boletín de noticias https://github.com/artf/grapesjs-preset-newsletter Y usaré el plugin CKeditor https://github.com/artf/grapesjs-plugin-ckeditor y añadiré una lista desplegable personalizada que...
alikabeer32
¿Puedes dar un ejemplo breve de un correo que lo usa para que entienda mejor a qué te refieres con "dinámica" ¿campo"?
mohammed-gaber-ramadan
Por ejemplo, tenemos 5 campos dinámicos (nombre, apellido, correo electrónico, teléfono, nombre de la empresa) Nuestro usuario irá a la página para crear una plantilla de correo electrónico que, por ejemplo, será utilizada para dar la bien...
Tengo una plantilla existente que actualmente muestra la imagen en el centro de la página. Ahora, quiero que se pueda enlazar o hacer clic para que si el usuario hace clic en la imagen se abra con el 'href'. ¿Cómo se puede hacer eso? Actualmente, tenemos un bloque de enlace y dentro de él podemos colocar una imagen. P...
miky9585
He resuelto esto de esta manera: Sobre el guion de backend: var originalImage = editor. DomComponents.getType('image'); editor. DomComponents.addType('image', { model: originalImage.model.extend({ por defecto: Object.assign({}, originalIma...
miky9585
Backend SEO amigable (añadido Alt attr) var originalImage = editor. DomComponents.getType('image'); editor. DomComponents.addType('image', { model: originalImage.model.extend({ por defecto: Object.assign({}, originalImage.model.prototype.d...
artf
@chauhankiran el paso correcto sería crear un componente personalizado, una especie de 'imagen de enlace', que sustituiría al de 'imagen'. La raíz de este componente será el <a>elemento '' y la interna será la imagen.
ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUtiliza los Números de GitHub EXCLUSIVAMENTE para ERRORES, SOLICITUDES DE FUNCIONALIDADES o PREGUNTAS. Prefijo el título del pro...
khbhr
Hola artf, Me gustaría empezar dándote las gracias por el excelente trabajo que has hecho. En segundo lugar, me gustaría saber si existe alguna forma posible de mover un componente con su(s) padre(s) al arrastrarlo de una celda a otra. La...
artf
Bueno, si necesitas mover todo el padre no tiene sentido dejar que el usuario mueva ese componente, así que simplemente hazlo 'arrastrable: falso' ' <tr><table> <tbody> <td> <a data-gjs-type="enlace" data-gjs-draggable="false" href="https:...
Deus-X
Necesito volver a este viejo tema. Ahora tengo el mismo requisito. Lo cual, en mi opinión, es válido. @artf Si pongo el componente en 'arrastrable: falso', simplemente no puedo mover el componente, lo cual no es una solución. El usuario en...