Actualmente uso GrapeJS para un proyecto en el que estoy trabajando localmente y lo integré con algunos componentes de la interfaz de Tailwind. En general funciona muy bien, pero he notado que hacer cambios en algunos elementos no funciona (por ejemplo, cambiar el color del texto o el formato). Mirándolo más a fondo p...
artf
Gracias por el informe @kierenayima Los selectores se eliminarán en el CSS en la próxima versión
Hola a todos, Estoy usando ckeditor en lugar del RTE por defecto. Ckeditor está cargando sus propios plugins y se ve así. ! imagen Con este conjunto de plugins puedo usar el componente de imagen de ckeditor y funciona de maravilla. ! imagen Pero si guardo este contenido en la base de datos y lo recargo después, la eti...
sinisavt
Bueno, he encontrado la causa de mis frustraciones. 'storageManager: { autoload: false},' La carga automática estaba configurada en 'falsa'. He cambiado eso y está funcionando. 'storageManager: { autoload: true },'
'am.addType('svg-icon', { Vista: { 'getPreview()' y 'getInfo()' son solo algunos de los que puedes ayudar. Anula toda la plantilla con 'Plantilla()' Consulta la base 'plantilla()' aquí: https://github.com/artf/grapesjs/blob/dev/src/asset_manager/view/AssetView.js getPreview() { return '<div style="text-align: center">...
artf
Sigue la plantilla del problema si vas a enviar un error, tienes que crear, al menos, una demo reproducible
Al crear un plugin personalizado, por si acaso, cuando se 'editor. Panels.addPanel utiliza la función de plugin interno: los botones están duplicados. Ejemplo: https://jsfiddle.net/kncdah8b/ Los botones no se duplican:al usar una sola API 'Panels.addButton' mientras que los botones de bucle por separadoal añadir un pa...
yuzhva
Cerrando el problema, ya que encontré la otra solución: '''javascript const panelCustom = editor. Panels.addPanel({ id: 'panelcustom', EL: '.panelcustom' }); const panelCustomButtons = panelCustom.get('buttons'); panelCustomButtons.add(top...
artf
Gracias @YUzhva por el informe y la solución. Intentaré echarle un vistazo
hellocaio
Igual aquí, también probé el ejemplo de los paneles (Empezar) en la documentación y sigo apareciendo botones duplicados. @yuzhva solución funciona, gracias :)
Hola, ¡y gracias por la gran biblioteca! Quizá hayamos encontrado el siguiente error jugando con él: Al añadir un nuevo "Bloque de Imagen" por defecto sin más configuración (dejando el marcador de posición de imagen por defecto), el código HTML exportado/generado incrusta el elemento 'svg' por defecto como el valor de...
mcottret
¡Gracias! #2620 abierto.
artf
Gracias por el informe, Mathieufunción getAttrToHTML de grapesjs/src/dom_components/model/ComponentImage.js debería llamar this.getSrcResult (no estoy seguro de si usar la opción de respaldo) en lugar de this.get('src') para recuperar el a...
Hola @artf, Pongo dragMode de mi constructor Grapesjs en "absoluto" y luego construyo un componente de sección para asegurar que todos los demás componentes deben colocarse en el componente de sección. ! imagen Sin embargo, el componente de sección debe ignorarse por ser "absoluto", debe ser estático. Lo había intenta...
artf
Bueno, si declaras dragMode en la configuración de iniciación, ese será el valor predeterminado para TODOS los componentes, y luego, si quieres, puedes cambiar el dragMode por componente https://github.com/artf/grapesjs/issues/1936#issueco...
ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUtiliza los Números de GitHub EXCLUSIVAMENTE para ERRORES, SOLICITUDES DE FUNCIONALIDADES o PREGUNTAS. Prefijo el título del pro...
pouyamiralayi
@Rasazna en el siguiente ejemplo, lo estoy usando dentro de un evento ''seleccionado'', así que cada vez que haces clic en un elemento, ¡tus cambios se apliquen! ¡Salud!
Rasazna
No entendía cómo usar editor.getSelected().append('<div>...'); función . ¿Alguien puede dar un ejemplo de esto
Hola @artf, ¡Gracias por crear este increíble repositorio! Me encontré con un error que aparece en la demo de la web (https://grapesjs.com/demo.html) y en mi versión local. Cuando añado un bloque de mapa y hago clic en él para cambiar los valores de los rasgos, aparece un error similar en la consola: ! imagen He revis...
artf
Parece un falso positivo, he puesto la advertencia para ayudar en la depuración pero olvidé que los tipos no encontrados recorren a entradas simples con '<input type="TRAIT-TYPE"...'. Intentaré arreglarlo para la próxima versión
Vale. He encontrado una solución alternativa. y como esta pregunta es demasiado específica, cierro el asunto. Gracias por el apoyo.
artf
Si haces esto de 'element.innerHTML = res.result'; simplemente colocas el contenido como estático, el editor no lo analiza a componentes, probablemente lo que buscas es actualizar el modelo 'model.components(res.result)' Recomendaría leer...
makbari
Gracias por la respuesta. El objetivo es mantener el modelo como '<customTag></customTag>' y simplemente renderizar el contenido como estático. Sin embargo, no encontré la forma de reaccionar al contenido estático al renderizar. Por eso qu...