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

#267320 de marzo de 2020por qtarant2 respuestas
Reacciones 4

Función para actualizar el árbol DOM tras cambios en componentes

Hola. Estoy desarrollando un sitio usando este software increíble. Ahora estoy personalizando el editor y he encontrado una tarea que no puedo continuar. Estoy usando el plugin ckeditor y funciona como se esperaba. En la barra de herramientas del editor de ckeditor tengo la opción de insertar imágenes en línea en el t...

qtarant

Ya he resuelto mi problema. El código clave es el evento "rte:disable" que se activa cuando se cierra el Editor de Texto Enriquecido (rte). Y otra cosa importante es que el contenido que ha editado no está en el modelo de componentes, solo...

pouyamiralayi

@qtarant echa un vistazo a comentario #2537 ¡Salud!

Ver detalles
#267220 de marzo de 2020por alimurad522 respuestas
Reacciones 2

Se elimina el prefijo de proveedor al obtener css de getCss()

Estoy usando la versión: '0.14.57' con React '16.8.6'. Cuando uso la función 'editor.getCss()' me devuelve el CSS pero sin el prefijo vendor. Por ejemplo, añado el siguiente css '.product-card { -webkit-transition: todos los 0.2s son fáciles; transición: todos los 0.2 facilidad; }' me devuelve '.product-card{ duración...

artf

Usa esta https://github.com/artf/grapesjs-parser-postcss

alimurad52

¡Funcionó de maravilla @artf ¡Muchísimas gracias!

Ver detalles
#267120 de marzo de 2020por TrungLeIT2 respuestas
Reacciones 0

Cómo manejar más sectores de rasgos

Quiero añadir más sectores de Estructura como se indica a continuación: Añadir Sector de Configuración var traitsSector = $('<div class="gjs-sm-sector no-select">'+ '<div class="gjs-sm-title"><span class="icon-settings fa fa-cog"></span> Settings</div>' + '<div class="gjs-sm-properties" style="display: none;"></div></...

artf

Ahora mismo solo puedes renderizar un contenedor de rasgos, así que no puedes dividirlos

gunslingor

Estoy confundido con la demo y esta respuesta. ¿Por qué puedo configurar las secciones general, dimensional, etc. en init pero no en Configuración/Rasgos u otras? Además, ¿no puedes añadir secciones arbitrarias a los presets durante el ini...

Ver detalles
#267019 de marzo de 2020por kohki-shikataRespuesta 1
Reacciones 1

No aparece el nombre de clase HTML de un bloque personalizado en el editor

He añadido mi bloque así abajo Luego arrastra este bloque y suelta hasta el lienzo, y muestra código HTML con el comando 'export-plantilla'. 👆Vale, esto es lo que esperaba. PERO, la clase HTML no aparece en el elemento dentro del editor, así que no es estilo aplicado para .main-title. <img width="793" alt="スクリーンショット...

artf

Las clases deberían clasificarse en 'clases' '''js Contenido: { Tipo: 'texto', etiquetaNombre: 'p', Clases: 'Título Principal', contenido: 'Este es el título principal. Para hacer clic aquí y editar esto' } ```

Ver detalles
#266819 de marzo de 2020por dilancastilloRespuesta 1
Reacciones 0
Invalid Issue

Usando grapesjs en diferentes vistas de Razor Pages - ASP.NET CORE

Estoy usando grapesjs en un proyecto asp.net núcleo y necesito poner el editor de grapesjs en varias vistas. ¿Cómo puedo poner el editor en varias vistas con diferentes plantillas? Estoy usando el preset grapesjs-preset-webpage

artf

Lo siento, pero este no es el lugar adecuado para hacer preguntas que no estén estrictamente relacionadas con la biblioteca principal. Prueba con Stack Overflow

Ver detalles
#266719 de marzo de 2020por sampathrajs3 respuestas
Reacciones 0
Invalid Issue

El elemento enlace no se añade en el elemento cabeza en ediot.canvas #firefox #grapesjs

Estoy intentando añadir Google Fonts en Web-Builder para cambiar el estilo de la fuente, así importar. Añadiendo CDN en el editor, el código funciona en Chrome y Safari, pero Firefox no funciona. createLinkElement(fontFamily) { let link = document.createElement("LINK"); link.setAttribute("rel", "hoja de estilo"); link...

artf

He creado la plantilla del problema por una razón

sampathrajs

he creado la plantilla del problema por una razón Quiero añadir fuentes personalizadas en Web Builder. ¿Podrías ayudarme, por favor?

RutujaBadbe

¡Hola! Puede que llegue muy tarde a comentar, pero ¿lo has probado? - const link1 = document.createElement('link'); link1.rel = 'hoja de estilo'; link1.href = '/page-builder-assets/css/style.css'; canvas.getDocument().cabeza.appendeNiño(li...

Ver detalles
#266619 de marzo de 2020por siddisking2 respuestas
Reacciones 0

Añadir rasgo hace que el elemento no sea editable

Hola, Quería añadir un rasgo que me permita editar la etiqueta de encabezado de un componente. Pude lograrlo siguiendo el código que aparece He encontrado la solución en este problema Pero no permite editar el componente cuando se hace doble clic. Cómo habilitar la edición del componente de encabezado, como el de text...

artf

Tu componente debería extender el de 'texto'

amitbhoj777

Quiero añadir varios mensajes de texto addType, pero estoy teniendo un problema que el último que añadí solo aceptará.??

Ver detalles
#266519 de marzo de 2020por darylamonica3 respuestas
Reacciones 1
help wantedmobile

¿El teclado en el dispositivo móvil no se muestra en la edición de texto? ¿Alguien más?

¿Alguien más está teniendo este problema? ¿O lo ha resuelto? Editar en una tableta parece razonable. Al usar un dispositivo móvil no consigo que el teclado se muestre al intentar editar un campo de texto. Ni siquiera usar el plugin de Grapes Touch ayuda. Aquí hay un ejemplo: http://jsfiddle.net/v9kecdpz/

bgrand-ch

Hola, Para futuras preguntas o problemas técnicos, que no sean errores, la pestaña Discussions de GitHub es el lugar ideal. No olvides cerrar este problema si se resuelve o escribir un nuevo mensaje detallado en la categoría Discussiones -...

darylamonica

¿Hay algo más que pueda hacer para obtener una respuesta? Incluí una demo de jsfiddle. Muchas preguntas respondidas no tienen un ejemplo. Entonces, ¿qué estoy haciendo mal?

artf

Proporciona más información sobre el dispositivo (sistema operativo, navegador, etc.)

Ver detalles
#266418 de marzo de 2020por Podvodila2 respuestas
Reacciones 2

El método getComponents no devuelve el árbol de componentes

Estoy intentando implementar varias páginas según la discusión en ese número: https://github.com/artf/grapesjs/issues/1331 Pero cuando intento obtener el árbol de componentes usando 'editor.getComponents()', devuelve datos con un formato incorrecto (supongo que es una colección de modelos). Cuando intento configurar c...

Podvodila

Necesito stringificar y analizar los componentes retornados (funciona solo si los componentes se configuraron programáticamente inicialmente) 'JSON.parse(JSON.stringify(editor.getComponents()))' https://jsfiddle.net/w1497xp8/ Actualización...

artf

Sí, esta es la forma correcta de obtener la misma cadena del StorageManager

Ver detalles
#266317 de marzo de 2020por h3llomoto2 respuestas
Reacciones 0
more-information-needed

La pulsación de teclas WASD devuelve un error en Canvas

Hola, Me sale un error al pulsar una tecla en Canvas sin RTE activado. ErrorTypeUncatch: No se puede leer la propiedad 'hasFocus' de null node_modules/grapesjs/src/canvas/index.js:544

artf

¿Qué quieres decir con 'sin RTE activado'? No puedo reproducirlo. Por favor, crea una demo en directo con todos los pasos necesarios

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...

Ver detalles

Explora todos los temas