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 466

🔍 components
#365228 de julio de 2021por NoumanAhmad-Braqsol4 respuestas
Reacciones 0

Las uvas no reconocen un enlace si cambio un texto por enlace.

Hola @artf ! Captura Soy nuevo en Grapes Js, escribo una función para convertir texto seleccionado en enlace. Funciona bien. Cuando selecciono el tipo de componente, dice que es un texto. Después de actualizar la página, reconoce un enlace. Pero no quiero actualizarlo. ¿Cómo se hace esto? puedes ver arriba que "Advant...

artf

¿Hablas del CKEditor o del RTE por defecto?

NoumanAhmad-Braqsol

Estoy usando CKEditor.

artf

Entonces este no es el repositorio adecuado

#364526 de julio de 2021por codingmachine162 respuestas
Reacciones 0

LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númer…

ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...

codingmachine16

Hola @artf Hola, Estamos construyendo un CMS usando grapesJs. Hemos creado componentes para encabezado, pie de página, control deslizante de productos y diferentes tipos de banners. Hemos terminado casi un sitio de comercio electrónico usa...

ClaudeCode

Gracias por informar de esto, @codingmachine16. Buena pregunta sobre *. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método...

#364426 de julio de 2021por NoumanAhmad-Braqsol2 respuestas
Reacciones 0

Enlace que aparece como span cuando se llama a getHtml()

Hola @artf Estoy usando CKEDITOR para añadir enlace al texto seleccionado y funciona bien. Estoy usando este código para añadir el enlace ! asdasd Se muestra como lo anterior Además, si inspecciono el SRC, muestra un enlace en Dom como blow ! SDSD pero cuando obtengo Html() de component se muestra como una etiqueta sp...

artf

@NoumanAhmad-Braqsol, por favor sigue la plantilla del problema cuando abras un problema de ERROR (de hecho, no es un error del núcleo pero podría estar relacionado con tu configuración de ckeditor), de lo contrario, abre una nueva Discusi...

ClaudeCode

Gracias por informar de esto, @NoumanAhmad-Braqsol. Buena pregunta sobre link que aparece como span cuando se llama a getHtml(). El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la document...

#364023 de julio de 2021por jlpatrick2 respuestas
Reacciones 0

La interfaz de antecedentes del Style Manager no funciona correctamente para Body/Wrapper

Me parece que hay un error de interfaz en el control de Segundo plano del Style Manager al trabajar con el cuerpo frente a los otros componentes. Este problema es visible en @kuhelbeher captura de pantalla del #2834, pero también proporcionaré algunos pasos sencillos para reproducirlo. Quizá este problema esté relacio...

artf

Gracias Jim, sí, en realidad es el mismo problema, así que lo cierro como un duplicado del #2834 Publicaré actualizaciones allí cuando esté arreglado.

ClaudeCode

Gracias por informar de esto, @jlpatrick. El problema con Style Manager Background UI no funciona correctamente para Body/Wrapper parece ser un problema de gestión de la carrera o de la gestión de estados. Esto suele ocurrir cuando los eve...

#363923 de julio de 2021por anatoli-dp4 respuestas
Reacciones 0

Mejorar la API de UndoManager

Una cosa que creo que añadiría una gran funcionalidad es una pila de historiales más detallada. Puedes conseguir la pila de deshacer y construir una especie de informe histórico con todas las ediciones que se hayan hecho, pero no está claro cuál fue cada edición (al menos para mí, así que si me falta algo, por favor h...

artf

Hi @anatoli-dp, la posibilidad de ver el historial de deshacer sería realmente genial y ya estaba pensando en cómo ampliar el módulo UndoManager para permitir este tipo de funcionalidad mediante un plugin (por ejemplo, puedes renderizar la...

anatoli-dp

Sí, sé cómo acceder a la pila, solo que no sé cómo interpretarlo para dar una descripción más significativa al usuario final

artf

simplemente no sé cómo interpretarlo para dar una descripción más significativa al usuario final Cada UndoAction (cada instancia de la pila) te indica el 'tipo' de acción (por ejemplo, 'añadir', 'eliminar', 'reiniciar', 'cambiar') y detall...

#363823 de julio de 2021por momu-20162 respuestas
Reacciones 0

Script-props es inválido

¡Hola! @artf, ¡gracias por tu gran trabajo! Sigo la https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts,but cuando selecciono el valor. El script no se ejecutó. ¡Espero algunas sugerencias, muchas gracias! ''''JavaScript Función predeterminada de exportación (editor, opt = {}) { const c...

artf

Parece que funciona perfectamente aquí: https://jsfiddle.net/rp7wa58h/ De todos modos, no necesitas la 'vista' si no la usas, y lo mismo para 'isComponent' (que está mal escrito en tu ejemplo y colocado en el lugar equivocado), 'data-gjs-t...

ClaudeCode

Gracias por informar de esto, @momu-2016. Gracias por compartir tu informe sobre script-props es inválido. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle) T...

#363422 de julio de 2021por pankajsharma894 respuestas
Reacciones 1

¿Cómo podemos ocultar RTE para componentes editables?

HOLA: Tenemos un requisito, donde no queremos mostrar RTE en componentes editables. ¿Cómo podemos conseguirlo?

mcottret

Me permito añadir lo que creo que podría estar más cerca de lo que el OP intenta conseguir, según la respuesta de @artf: '''Manuscrito mecanografiado editor. DomComponents.addType('text', { extendFnView: ['onActive'], modelo: { Predetermin...

iabhiyaan

'''js Editor.on('component:selected', CMP => { cmp.set({ editable: false, propagar: ['editable'] }) }) ```

pankajsharma89

No queremos que el componente no sea editable, el componente debe ser editable, simplemente no queremos mostrar la barra de herramientas de RTE en ese componente.

#363121 de julio de 2021por anuragk154 respuestas
Reacciones 1

¿Cómo cargar contenido dinámico en el archivo HTML final?

Busqué por todas partes, incluida la sección de problemas, y probé algunas cosas. Pero no tengo muy claro cómo cargar contenido dinámico en mis componentes (no solo cuando lo exporto o guardo desde el editor). Quiero incluir un script en mi componente grapejs que siempre obtenga contenido de la web y actualice los com...

stf1981

Creo que buscas JavaScript relacionado con componentes -> https://grapesjs.com/docs/modules/Components-js.html#component-related. Este código js está incrustado en la salida html.

anuragk15

creo que buscas JavaScript relacionado con componentes -> https://grapesjs.com/docs/modules/Components-js.html#component-related. Este código js está incrustado en la salida html. ¿Entonces cada vez que carga el componente, cargará los dat...

stf1981

¿Entonces cada vez que carga el componente, cargará los datos dinámicamente a través del script JS? SíAdemás, para los usuarios finales solo tengo que devolver el html+cas generado por los grapesjs, ¿verdad? Sí, el script JS del componente...

#362717 de julio de 2021por sanchit364 respuestas
Reacciones 4

Estoy intentando duplicar la página, pero los estilos no se aplican debido a los IDs, cambios a -2,-3 al final.

'''javascript const duplicatePage = (editor) => { sea components = editor.getHtml(); sea css = editor.getCss(); sea newPage = editor. Pages.add({ Estilos: CSS, componente: componentes, }); editor. Pages.select(nuevaPágina); }; ``` Así es como es mi función. Estoy intentando duplicar la página, la parte HTML está bien...

OrigoVl

@sanchit36 Hola, ¿estás resolviendo el problema? ¿Puedes decir cómo?

vlont

Usa esto '''js página const = editor?. Páginas.getSelected(); ¿editor?. Pages.add({ id: (page.get('name') || page.id) + '-copy', component: page.getMainComponent().clone() }, { select: true });'''

leonardolima99

@vlont ¡Gracias!

#362013 de julio de 2021por jamesshin54 respuestas
Reacciones 0

SetComponent() codifica cualquier cosa en <script> etiquetas

Al cargar en HTML a través de setComponent, las comillas se convierten en """ y los de menos que los signos en "<". ¡Cualquier ayuda sería muy agradecida!

artf

Gracias @jamesshin5 eso se corregirá en la próxima versión.

jamesshin5

¡Muchas gracias por esto! ¿Cuándo crees que será el próximo lanzamiento? He intentado una solución añadiendo un componente con script a Canvas, pero quiero volver a cambiar cuanto antes

artf

Espero que pronto sea muy rápido, pero no puedo decir el día exacto. Por si puede ser útil, tuiteamos automáticamente las novedades en nuestra cuenta de Twitter: https://twitter.com/grapesjs

Explora todos los temas