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 1,399

🔍 outdated
#8271 de febrero de 2018por hillelcoren3 respuestas
Reacciones 0

Cambiar la ubicación del panel de mandos

¡Biblioteca increíble, gracias! Tengo dos preguntas que espero que puedas ayudar.¿Cómo puedo mover el panel de comandos de arriba a izquierda como se muestra aquí: https://github.com/artf/grapesjs/wikiTenía problemas para que aparecieran los iconos de bloque, vi letras individuales en su lugar. Pude solucionarlo copia...

artf

Hola @hillelcoren ¿Cómo puedo mover el panel de comandos de arriba a izquierda como se muestra aquí? Los paneles están todos dispuestos libremente por CSS, así que puedes moverlos como quierasme costaba que aparecieran los iconos de bloque...

hillelcoren

¡Gracias por tu ayuda!

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.

#82431 de enero de 2018por anand-gopinath3 respuestas
Reacciones 5

¿Es posible eliminar las "vistas" del Panel del editor

Quiero eliminar/ocultar la "vista" mencionada a continuación del panel. ¿Es posible mediante API o necesito ocultarlo externamente usando CSS? ! 34 'Editor. Panels.getPanel("vistas").atributos.botones.modelos[2].atributos.visible = falso;'

ryandeba

@anand-gopinath - este código me funciona en un plugin: 'editor. Panels.removeButton("vistas", "capas abiertas");' Parece que no me funciona después de que el editor ha cargado completamente... Sospecho que hay que eliminarlo antes de rend...

ryandeba

@anand-gopinath Por si te sirve de ayuda, aquí tienes algo de código que estoy usando para reordenar esos botones (probablemente también necesite ejecutarse en un plugin):

artf

Gracias Ryan, añadiré un nuevo oyente en la próxima versión, lo que debería solucionar el problema

#82330 de enero de 2018por JulyanoF2 respuestas
Reacciones 0

El contenido seleccionado de establecer no afecta completamente a editor.getHtml()

Cuando uso 'editor.getSelected().set('content', 'somethig')', teóricamente cambia de valor correctamente como veo en editor, pero cuando llamo a 'editor.getHtml()' o activo el guardado automático (que probablemente llame 'getHtml()'), aparece '"<div class="c891">algoInserta tu texto aquí</div>"'. Siempre incrementa el...

artf

https://github.com/artf/grapesjs/issues/820#issuecomment-361732512

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.

#82230 de enero de 2018por josefph3 respuestas
Reacciones 0

¿Cómo conseguir la herramienta de código HTML y CSS en la vista?

o cómo conseguir todo el código HTML y CSS para poder guardarlo en mi base de datos. ¿O ya hay una funcionalidad en la documentación? Tu ayuda será muy apreciada :)

josefph

Perdón por este post. Solo pude mirar los Asuntos Abiertos sin saber que había Asuntos Cerrados. Pude saber que podía usar editor.getHtml() y editor.getCss(), que podía guardar inmediatamente en mi base de datos para guardar mi plantilla (...

artf

@pranzikkin puedes configurar un almacenamiento remoto #778 que almacenará tus datos automáticamente

josefph

¿Qué pongo en UrlStore?

#82130 de enero de 2018por Deepak8133 respuestas
Reacciones 0

Cómo configurar el atributo href

Hola @artf, Por favor, háganos saber cómo podemos establecer el atributo href de anchor dentro de div cuando se arrastra elemento, es decir, <div class="social_icons rrssb-buttons c3250"> <a href="https://www.facebook.com/sharer/sharer.php?u=http://starteo.softobiz.com" class="popup rrssb-facebook" id="ibvm"><i aria-h...

JulyanoF

@Deepak813 supongo que no está en modelo, debería ser algo como: 'editor.getSelected().set('href', 'https://www.facebook.com/sharer/sharer.php?u=')' No necesitas acceder al modelo

Deepak813

Hola @JulyanoF, Gracias por el mensaje, He usado este código cuando el elemento se arrastra pero muestra el siguiente error: ErrorTipo no capturado: No se puede leer la propiedad 'set' de null. Quiero actualizar el href de la etiqueta anch...

JulyanoF

@Deepak813 ¿Ah, quieres cambiar el ancla cuándo arrastra o solta?

#82029 de enero de 2018por JulyanoF3 respuestas
Reacciones 0

Cambiar y obtener valor del bloque editor.getSelected()

¿Cómo puedo cambiar y obtener el contenido del bloque seleccionado actualmente?

JulyanoF

Para obtener contenido: 'editor.getSelected().get('content')' Para establecer contenido: 'editor.getSelected().set('content', 'myhtml')'

artf

@JulyanoF ten en cuenta que 'content' es para cadenas estáticas (usadas principalmente para RTEs personalizados), por lo tanto, haciendo esto 'editor.getSelected().set('content', '<div>TEXT1</div>...')' no podrías editar elementos internos...

JulyanoF

selected.components() @artf no quiero crear un nuevo componente en el bloque seleccionado. Solo necesito editar el contenido. Cuando uso este método, se crea una nueva div en el bloque anterior. ¿Cómo puedo evitarlo?

#81829 de enero de 2018por JulyanoF3 respuestas
Reacciones 0

Abre la vista de otro Panel al hacer clic en el elemento de texto

¿Cómo puedo hacer que el evento de "clic" en textos abra la vista de un panel diferente al de StyleManager? Estoy intentando esto:

artf

la vista del panel diferente a la de StyleManager Probablemente te refieras al comportamiento en la demo, implementado por el preajuste de la página web aquí https://github.com/artf/grapesjs-preset-webpage/blob/master/src/panels/index.js#L...

JulyanoF

@artf pues, lo probé y no funcionó, no está activando el botón de mi panel con el id "editorCK". ! imagen

artf

¿Creaste el comando 'abrirEditor'?

#81629 de enero de 2018por arthuralmeidap3 respuestas
Reacciones 3

Añade bloque de imagen a través de la API del editor

Hola @artf, Cuando arrastro y suelto un bloque de imagen dentro del lienzo, se activa el evento 'activo' para el bloque de imagen que ejecuta el método 'openModal'. Muestra un modal para subir la imagen. Estoy intentando ejecutar 'editor.addComponents({ type: 'image' });' y muestra el modal para subir la imagen. No en...

arthuralmeidap

Sí, tienes razón @artf. No había pensado en casos tontos como los que mencionas. A mí me funcionó muy bien. Simplemente pensé que si no era el caso, incrustar ese comportamiento dentro de los 'addComponents' o en otro sitio. ¡Gracias por t...

arthuralmeidap

@chiqui3d, gracias por el comentario, pero el bloque de imagen era solo un ejemplo. En mi caso he creado un nuevo Tipo y estaba intentando activar el evento 'activo' para mi componente. Funciona exactamente igual que el bloque de imagen, p...

chiqui3d

Creo que esto te ayudará. 'editor.runCommand('open-assets');' https://github.com/artf/grapesjs/wiki/Assets

#81529 de enero de 2018por chiqui3d2 respuestas
Reacciones 0

Mostrar rasgo de texto para los enlaces si el enlace no tiene hijos

Espero explicar bien que cuando edito un enlace no veo la posibilidad de editar el texto de ese enlace. Creo que sería buena idea que si ese enlace no tiene hijos, como una imagen, debería mostrar el campo de texto en la configuración del gestor de estilos. Gracias

artf

El enlace extiende el Componente de Texto, así que solo tienes que hacer doble clic para empezar a editar

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.

#81429 de enero de 2018por vishal50332 respuestas
Reacciones 0

Desactiva las opciones seleccionables, hoverables y editables cuando la vista móvil esté activada.

Hola, Quiero desactivar la selección, el cursor o la edición de los componentes del editor cuando la vista móvil esté activada. He probado a usar Below Code. Pero elimina todos los componentes del editor. '''js commands.add('set-device-mobile', { run: function (editor) { editor.setDevice('Retrato móvil'); const update...

artf

Probablemente porque estás pasando una colección (wrapperChildren) a 'updateAll', que espera un modelo '''js updateAll(editor. DomComponents.getWrapper()); ```

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.

Explora todos los temas