Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 3,464

#23116 de octubre de 2019por gabrielbitencourt3 respuestas
Reacciones 0

Establecer href para componente de enlace

Hola chicos. Estoy intentando modificar el componente nativo de enlaces, hasta ahora tengo un modal que se abre en el evento dblclick y el usuario puede elegir entre algunos enlaces predefinidos. El problema es que cuando tengo el enlace elegido no puedo configurarlo como componente. Funciona bien cuando escribo el en...

artf

@gabrielbitencourt Componente de enlace no tiene la propiedad href, así que añádela directamente a los atributos '''js if (enlace) { this.model.addAttributes({ href: link.url }); } ```

gabrielbitencourt

Gracias por la respuesta @artf Lo intenté pero tampoco funcionó, pude ver (en el gestor de rasgos) que el href se había configurado usando 'model.addAttributes({ href: link.url })', pero no persistió cuando desseleccioné y seleccioné el co...

artf

pero no persistió cuando desseleccioné y seleccioné el componente de nuevo Quizá porque sigues leyendo 'this.model.get('href')'... Por cierto, no puedo ayudarte más que esto sin una demo reproducible

#23105 de octubre de 2019por AbdallaMohammed3 respuestas
Reacciones 1

¿Cómo puedo especificar la posición para arrastrar elementos?

Hola, estoy haciendo un proyecto con esta librería y quiero especificar la posición para arrastrar componentes en ella Por ejemplo, tengo un div con id="drag-here" y quiero que todos los componentes se arrastren solo en este div Espero que me entendáis, gracias a todos

pouyamiralayi

no tengo componentes, estoy usando bloques Según esto: tengo un div con id="drag-here" Supongo que tu bloqueo es algo así: El enfoque para tu bloque de contenedor sería: y para los bloques objetivo: ¡Salud!

pouyamiralayi

tengo un div con id="drag-here" quiero que todos los componentes se arrastren solo en este div Si con esto quieres decir que todos los componentes solo puedan arrastrarse en tu componente objetivo, puedes usar la propiedad ''arrastrable''...

AbdallaMohammed

especificando la posibilidad de arrastrar en tus componentes así: Gracias por la rápida repetición, pero no tengo componentes que usen bloques

#23095 de octubre de 2019por shubhd47Respuesta 1
Reacciones 0

¿Hay alguna forma de añadir una lista ordenada alfabéticamente?

Hola, @artf gracias por crear esta biblioteca tan increíble. Es realmente útil. Lo estoy usando en Angular y he usado una lista de orden con números, pero sería muy útil si hay alguna forma de añadir una lista ordenada alfabéticamente o en números romanos Estaba intentando esto pero no funcionó. Por favor, ayudadme

artf

Hola @shubh9415 el RTE por defecto depende de 'execCommand API', por lo que las únicas opciones disponibles son 'insertOrderedList' e 'insertUnorderedList'.

#23085 de octubre de 2019por rajasubburajRespuesta 1
Reacciones 0

La imagen no se redimensiona después de crear un enlace para la imagen

''let selectedComponent = editor.getSelected(); sea href = this.getHref(); Sea título = este.título; let childHtml='<a id="${selectedComponent.ccid}" title="${title}" href="${href}" target="_blank" class="gjs-comp-selected">${selectedComponent.view.el['outerHTML']}</a>'; const coll = selectedComponent.collection; cons...

artf

Estás aplanando el componente haciendo esto en 'selectedComponent.view.el['outerHTML']' y así eliminas todas sus propiedades. Lee más sobre cómo funcionan los Componentes.

#23074 de octubre de 2019por Amitkumar85533Respuesta 1
Reacciones 2

Llamada API en GRAPES JS

Hola a todos, Creé un plugin de calendario usando @fullcalendar en GrapesJS Ahora quiero llamar a una API de GraphQL para obtener los eventos del calendario. ¿Cómo hacer esto en GrapesJS? ¡Gracias de antemano !!!!

pouyamiralayi

¿Cómo hacer esto en GrapesJS? Puedes hacer tus llamadas a la API dentro de script. Sea cual sea la js library que uses para hacer las llamadas, estará bien. ¡Salud!

#23032 de octubre de 2019por megarg3 respuestas
Reacciones 2

Actualización a HTML de un nuevo componente personalizado

Me gustaría cambiar cómo se produce el formato toHTML. Me gustaría modificar la salida html existente. Probé la propiedad "toHTML" de componentpermite devolver un nuevo elemento HTMLpero no permite obtener HTML existente y luego actualizarlo y devolverlo Intenté llamar a toHTML dentro de toHTML para acceder al HTML or...

megarg

Lo solucioné haciendo lo siguiente toHTML: function () { Sea el = '<script> console.log ("añadir escritura aquí") </script>'; el = defaultType.model.prototype.toHTML.apply(this) + el; devuelve El; }, Muchas gracias por tu apoyo

scott-coates

Para obtener 'defaultType' ejecuta esto: 'var defaultType = editor. DomComponents.getType('default');' Y esto también funciona: '''javascript var prototype = Object.getPrototypeOf(this); var el = prototype.proto.toHTML.call(this); devuelve...

pouyamiralayi

¡Hola! ¿has probado a usar ''component.view.el'' dentro de tu ''toHTML''? te dará acceso al 'DOM' actual. ¡Salud!

#230230 de septiembre de 2019por Amitkumar855333 respuestas
Reacciones 2

¿Cómo conseguir el plugin externo CSS, JS y HTML a través de la función de exportación de GrapesJS?

He usado un plugin externo en Java Script de @fullCalendar en GrapesJS. Puedo renderizar el calendario en el lienzo, pero no puedo usar la función de exportación de GrapesJS para obtener JS, CSS y HTML de lo siguiente. Probé a usar 1) var html = editor.getHtml(); 2) var css = editor.getCss(); 3) var js = editor.getJs(...

pouyamiralayi

. Pero no podemos mostrar a los usuarios el calendario en el lienzo después de arrastrar y soltar con la función de renderizado en MODEL, por eso usamos OnRender en la VISTA. ¿Has probado la definición de tipo de componente que te he puest...

Amitkumar85533

Muchas gracias, @pouyamiralayi. El código que diste funcionaba. Nuestro código no pudo elegir el elemento dominante para renderizar el calendario. Ahora funciona como se esperaba. ¡Muchas gracias por ayudarnos !!! :-p

pouyamiralayi

¡Hola! Lo que buscas es usar JS dentro de componentes. Solo incluye los JS y CSS requeridos en la sección de scripts y estilos de canvas: Después construye tu propio componente de tipo personalizado: Luego, en la vista previa del código ve...

#230030 de septiembre de 2019por CatalinCernea3 respuestas
Reacciones 5

¿Cómo cambiar el orden de las categorías?

Vi los cambios realizados por @JuanTincho al añadir el attibute "Order", pero solo pude añadirlo en nuevas categorías creadas. Empecé desde la página web "GrapesJs-Preset". ¿Hay alguna forma de cambiar el orden después del renderizado inicial? Así es como añado una nueva categoría añadiendo un bloque nuevo. <pre>edito...

CatalinCernea

> pero solo pude añadirlo en nuevas categorías creadas.puedes hacer esto en todos los bloques aprovechando la función 'getAll'. Más sobre esto aquí:en tu caso podría ser algo así: salud! ¡Gracias! Lo probaré cuanto antes. Que tengas un bue...

pouyamiralayi

pero solo pude añadirlo en nuevas categorías creadas. puedes hacer esto en todos los bloques aprovechando la función 'getAll'. Más sobre esto aquí: En tu caso podría ser algo así: ¡Salud!

DzevadS

¿Por qué me aparece el error "Uncaught TypeError: n is undefined" aquí? En la publicación #780 debería ser posible cambiar el orden de los bloques de la siguiente manera const bm = editor. Jefe de bloque; ["enlace", "mapa", "h-navbar", "cu...

Explora todos los temas