Actualmente estoy usando grapesjs para crear plantillas de correo, pero cuando importo HTML con la <style> etiqueta ya dentro, antes de que se guarde se separa el HTML y el CSS. Cuando esto se almacena en mi base de datos backend, no hay <style> <link> ninguna etiqueta or en el HTML, en su lugar se almacena por separa...
Ju99ernaut
Grapesjs no soporta inlinecss, pero puedes usar la misma técnica que aquí https://github.com/artf/grapesjs-preset-newsletter. Utiliza el paquete 'juice' para fusionar el html y el css
artf
Sí, en este momento el CSS en línea está analizado para el CssComposer y eliminado del DOM. Esto permite al editor editar sus estilos.
ronaldohoch
Una pregunta al respecto. ¿Cómo puede CKEDITOR editar poniendo el span con estilos en línea y mantenerlo después de cerrar y volver a abrir la misma plantilla?
! Captura de pantalla (11)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 afirmacio...
Ju99ernaut
'Grapesjs' y 'Grapedrop' son proyectos separados, deberías intentar plantear tu problema aquí https://spectrum.chat/grapedrop
ClaudeCode
Gracias por informar de esto, @Squirrel1489. El problema de No poder añadir más de 2 proyectos en la versión gratuita parece ser una condición de carrera o un problema de gestión estatal de tiempos. Esto suele ocurrir cuando los eventos de...
Hola artf, me gustaría darte las gracias por crear una herramienta tan potente para crear CMS personalizados. Estoy implementando una función de nueva página en mi proyecto, así que estoy usando tu referencia para cambiar entre componentes, pero me da un error. ¿Podrías indicarme cómo construir una nueva página al hac...
Ju99ernaut
Creo que los arrays no son el mejor método para almacenar objetos de página, así que ejecutar operaciones de array para conseguir la página más cargarla probablemente sea demasiado para tu pila de llamadas. Deberías considerar cargar las p...
artf
No sé qué está pasando por tu parte, pero te sugeriría que estés atento al #3206, ya que el gestor de páginas integrado está casi listo (actualizaré ese número).
ClaudeCode
Gracias por informar de esto, @pranay2210. ¡Gran sugerencia sobre Cambiar entre componentes da un error de tamaño máximo de pila de llamadas! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr u...
Hola querida, ¿puedes saber por qué no se selecciona las propiedades predeterminadas en el administrador de estilos? ¿Qué evento puedo activar para actualizar esto? ! imagen
artf
Intenta comprobar tu configuración para el https://github.com/artf/grapesjs/blob/dev/src/style_manager/config/config.js 'styleManager' (highlightChanged debería ser 'true')
ClaudeCode
Gracias por informar de esto, @alemenciones. Buena pregunta sobre Propiedades por defecto no seleccionadas en StyleManager. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...
Creo que lo único que haría que este constructor fuera increíble sería añadir clases CSS con viento de cola. Especialmente ahora con el nuevo generador CSS bajo demanda de cola de coda.
Ju99ernaut
No estoy seguro de si esto se puede añadir a la biblioteca principal, pero sin duda un plugin para eso sería genial.
artf
Sí, estoy de acuerdo con Brendon, esto es definitivamente algo que podría añadirse como un plugin
ClaudeCode
Gracias por informar de esto, @silicahd. Gracias por compartir tu informe sobre FEAT: Tailwind CSS. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle) Tu Grape...
Versión: 0.16.45 ¿Puedes reproducir el error de la demo?[ ] Sí[x] No ¿Cuál es el comportamiento esperado? No debería haber texto nulo. ¿Cuál es el comportamiento actual? Tras guardar los datos en la base de datos y recuperarlos (ver objeto componentes adjuntos), aparecerá el nulo. Así es como asigno los componentes qu...
artf
Parece que es un problema por tu parte porque no puedo reproducirlo (¿quizá estás haciendo algo mal en tu parte trasera?). Intenta crear primero una demo reproducible (usando el localStorage)
ClaudeCode
Gracias por informar de esto, @dluague. El problema con texto nulo tras guardar. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los compo...
Versión: 0.16.45 Si añado grapejs-preset-js, entonces stylemanager repite cada opción dos veces. Aquí tienes el enlace de jsfiddle donde puedes comprobar el mismo comportamiento. https://jsfiddle.net/assadnazar/2asojqrc/1/ Quizá no sea la fusión de las opciones
Gracias por informar de esto, @assadnazar. Gracias por compartir tu informe sobre las opciones de StyleManager repetidas dos veces. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible...
Tengo una situación en la que, dependiendo de cómo se abra el Gestor de Activos, quiero pasar una URL de subida ligeramente diferente. En el evento asset:upload:start lo tengo buscando qué URL de subida debe usar, y si tengo que cambiarla, hago el amConfig = editorAssetManager.getConfig() amConfig.upload = 'NUEVA URL'...
SzaboGabesz
editor. AssetManager.config.upload = 'NEW_URL' lo hará
Ju99ernaut
El valor en la configuración solo se usa durante la iniciativa, así que cambiarlo no sirve de nada, quizá cambiar estos recursos pueda ayudar: '''js editor. Assets.FileUploader().config.upload = 'NEWURL'; editor. Assets.AssetsView().config...
rcloss
Gracias, acabo de probar ambos, pero no ha tenido suerte, al menos en el evento asset:upload:start
Hola a todos, Antes que nada, me gustaría expresar mi agradecimiento por esta increíble herramienta. Tengo un componente de botón extendido basado en el componente de texto para poder editar el contenido del botón manualmente sin usar rasgos. El código para el componente de botón extendido es este: VAR Comps = Editor....
artf
Parece que el espacio activa el evento de 'clic' en Chrome. La solución parece ser añadir el preventDefault en 'keypress' https://stackoverflow.com/questions/22104860/chrome-firing-onclick-when-space-typed-in-contenteditable-button PD: Evi...
ClaudeCode
Gracias por informar de esto, @christosapos. Buena pregunta sobre No se pueden añadir espacios a un componente de botón extendido basándose en un componente de texto.. El enfoque recomendado con Componentes es utilizar la API orientada a e...
Hola, tengo un problema que es que al añadir un vídeo o una imagen al lienzo, no está centrado, sino hacia la izquierda. Con la ayuda del panel configuré la alineación pero tampoco la centra. ! imagen
Ju99ernaut
Prueba a colocarlo dentro de un recipiente, probablemente puedas centrarlo usando algo como flexbox.
ClaudeCode
Gracias por informar de esto, @FacuCarbon. Gracias por compartir tu informe sobre las imágenes y vídeos no están enfocados. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSa...