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

#19372 de abril de 2019por Josephaberry542 respuestas
Reacciones 0

Personalizar el botón de vista previa de cerrar y ajustar el ancho del contenedor de vistas

¿Hay alguna forma de usar un botón personalizado para el botón de vista previa de cerrar? Puedo estilizarlo usando CSS, pero me preguntaba si había algo más directo en la API Además, no encuentro la forma de establecer el ancho del contenedor de vistas cuando uso un gestor de activos. El usuario no puede arrastrarlo m...

artf

Puedes actualizar o reemplazar completamente el comando de previsualización [https://grapesjs.com/docs/api/commands.html)

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#19362 de abril de 2019por artf3 respuestas
Reacciones 23

Modo Absoluto/Diseñador

Hola a todos, este número es una visión general de lo que es, lo que se ha hecho, qué hacer y lo que es agradable tener para completar la función Modo Diseñador.Prefacio Así que empecemos describiendo qué es y cuál es el objetivo de esta función. El modo Diseñador debería permitir al usuario arrastrar componentes libr...

artf

Actualización rápida, desde el https://github.com/artf/grapesjs/releases/tag/v0.15.3 puedes empezar a usar estas nuevas API de Modo Arrastre'config.dragMode' - La configuración inicial para el modo global de arrastre'editor.setDragMode' -...

artf

@simplecommerce Al hacer clic en modos dispositivo, si usas posicionamiento absoluto, crearás los estilos solo para ese modo, facilitaría construir páginas responsivas, ya que podrías alternar entre los modos de dispositivo y posicionar tu...

artf

@sunhillbd sí, pero probablemente sea culpa mía por no haber sido del todo clara con el punto. Básicamente, lo que ves en la demo es un ejemplo de mezcla de posición estática con posición absoluta: cuando haces clic en el icono de arrastra...

#19351 de abril de 2019por Amir28282 respuestas
Reacciones 0

Sumando múltiples plugins juntos

Hola a todos, Por ejemplo, me he encontrado con un problema al intentar añadir dos plugins juntos: grapesjs-preset-webpage y grapesjs-plugin-ckeditor. Descargué ambos vía npm, los importé y los añadí al campo del plugin en grapesjs.init. this.editor = grapesjs.init({ plugins: [ckEditorPlugin, grapesjsPreset], ... }) P...

artf

añadir la biblioteca CKEditor...

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#19341 de abril de 2019por Nagavijay-kolla2 respuestas
Reacciones 0

Cómo añadir clase a cada elemento mientras se renderiza en el web builder

Quiero añadir una clase única a cada elemento en Web Builder mientras cargo o importo una plantilla en Web Builder. ¿Hay alguna forma de añadirlo?

artf

Echa un vistazo a Eventos Disponibles

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#19331 de abril de 2019por Fi1osof3 respuestas
Reacciones 0

Renderizar sin iframe

Estás enviando una SOLICITUD DE FUNCIÓN ¡Buenos días! ¿Se puede crear la vista CANVAS con render sin iframe? Para el editor de renderizado directamente en algún nodo HTML.

artf

¿Se puede crear la vista CANVAS con render sin iframe? No, los iframes nos permiten mantener CSS aislado y activar consultas multimedia, no hay razón para que busquemos la manera de no usarlosPara editor de renderizado directamente en algú...

Fi1osof

Es una pena. Lo rehice parcialmente sin montura, pero no conseguí el resultado completo. En el caso de un fotograma, la representación de los componentes de la reacción se descompone. Tuve que escribir mi propio componente. Pero ahora, con...

Lakshit-Singhal

Es una pena. Lo rehice parcialmente sin montura, pero no conseguí el resultado completo. En el caso de un fotograma, la representación de los componentes de la reacción se descompone. Tuve que escribir mi propio componente. Pero ahora, con...

#193128 de marzo de 2019por sanjib002 respuestas
Reacciones 0

¿Cómo insertar una imagen dentro del enlace?

Hola @artf, ¿Cómo puedo insertar una imagen dentro del enlace? Por favor, compartid vuestras ideas sobre lo que necesito hacer. Si necesito crear algún componente personalizado, por favor compartid algo de código. Gracias

artf

En la demo, deberías ver el 'bloque de enlace', que está hecho para este propósito

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#193028 de marzo de 2019por rikoyudiansyah12 respuestas
Reacciones 0

Cambiar 2 atributos con 1 rasgo

Tengo un rasgo de entrada, quiero cambiar los 2 atributos (nombre y tipo) en el elemento seleccionado, en canvas es apropiado, pero en el html(editor.getHtml()) final no funciona, he leído 'https://grapesjs.com/docs/modules/Components.html#define-new-component' pero no encontré solución, gracias ! Screenshot_2

artf

Deberías cambiar el modelo y no el elemento de vista 'this.model.setAttributes({ 'data-attr': 'value' })'

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#192927 de marzo de 2019por sakshigarg93 respuestas
Reacciones 2

Carga el gestor de activos, pero los activos no funcionan

Estoy usando el icono del lápiz para activar el gestor de activos. El disparador funciona bien, pero cuando hago clic en cualquiera de las imágenes, no se refleja ningún cambio en mi componente de imagen. Me muestra la foto existente aunque seleccione otra imagen.

prashant2018

Haz clic en la imagen que quieres que te reemplacen, en la consola de desarrolladores escribe el siguiente fragmento de código: Verás que la imagen seleccionada cambia. La clave aquí es target: editor.getSelected(), la imagen seleccionada...

artf

'''js tb.unshift({ comando: editor => editor.runCommand('open-assets', { objetivo: editor.getSelected(), }), etiqueta: toolbarIcon }); ```

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#192827 de marzo de 2019por Ericson19913 respuestas
Reacciones 0

Cambia el evento Onclick a pasar el cursor al seleccionar objetos

¿Puedo cambiar el evento 'onclick' a 'pasar el cursor al seleccionar objetos y mostrar una barra de herramientas? ! flotando

artf

Puede que necesites extender el comando SelectComponent (echa un vistazo al método toggleSelectComponent).

afdallah

@artf ¿Hay algún ejemplo de cómo ampliar el SelectComponent?

artf

Mmm, no realmente, espero publicar pronto un documento general sobre Commands. Por cierto, solo se trata de conseguir el comando (https://grapesjs.com/docs/api/commands.html#get) y sobrescribir su método '''js const myCommand = commands.ge...

#192727 de marzo de 2019por edward18933 respuestas
Reacciones 0

Error Sender.set('active') Tamaño máximo de pila de llamadas superado

Tengo un botón con el comando 'mostrar-izquierda', que quiero hacer que cuando se pulse el botón una segunda vez (o más) siga 'activo', pero al ejecutar 'Sender.set ('active')' en la función 'stop', aparece un bucle en 'stop' para que aparezca un error 'Tamaño máximo de pila de llamadas excedido' 'Primer clic' ! Scree...

artf

Por favor, crea una demo reproducible

edward1893

Tengo 3 botones, quiero que cuando se pulse el botón por segunda vez (o más), el botón siga activo, por ejemplo, cuando hago clic por primera vez en la capa, el botón de capa se activa; si se vuelve a hacer clic, el botón de capa sigue act...

artf

Usa 'togglable: false' en lugar de 'togglable: true'

Explora todos los temas