https://user-images.githubusercontent.com/64096863/104953457-35adf180-59a5-11eb-85bd-2f84ffa24d83.mp4 Los estilos de los bloques de texto y botones se pierden tras eliminarlos de la plantilla, y se deshacen los cambios y se repiten varias veces. El problema es que los estilos aplicados a los bloques se pierden tras ap...
artf
Debería haberse solucionado en la última versión, por favor sigue correctamente la plantilla de incidencia y asegúrate de usar la última versión antes de enviar un error
ClaudeCode
Gracias por informar de esto, @marcepoblet. Gracias por compartir tu informe sobre UndoManager: la combinación entre deshacer y volver a hacer no funciona bien, he perdido algunos estilos. Para ayudar al equipo a investigar y priorizar est...
Escribo cadenas HTML como bloques y necesito introducir muchos scripts y estilos externos, pero probé todos los métodos: cuando arrastro el bloque al lienzo, el script no se activa, pero los estilos se pueden cargar, espero recibir ayuda.Carga por appendchild ! imageninit load by canvas:{scripts:[...]} ! imagen ¿Quién...
harsh201
@sizhousama estoy cargando scripts/hojas de estilo a través de Canvas mientras inicializo el editor grapesjs y me funciona. ''' js lienzo: { guiones: ['https://unpkg.com/abc.js'], Estilos: ['https://unpkg.com/abc/dist/css/abc.min.css'], },...
sizhousama
La consola muestra cargada ! imagen
ClaudeCode
Gracias por informar de esto, @sizhousama. Buena pregunta sobre [Pregunta]: Cómo cargar JavaScript externo, probé todos los métodos, inútil. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta...
Extraído de https://github.com/artf/grapesjs/blob/dev/src/editor/index.js#L33 'component:update' - Se activa cuando un componente se actualiza (se mueve, se estiliza, etc.), el modelo se pasa como argumento a la callback reproducir el bichousar la API 'move' para mover el componentehttps://grapesjs.com/docs/api/compon...
ClaudeCode
Gracias por informar de esto, @AnnaSu. El problema con "component:update" no se activa cuando se mueven componentes parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eve...
Hola a todos, Todos sabemos que el plugin GJS-ckeditor-funciona con componentes [data-gjs-type]="text". Quiero saber, ¿podríamos cambiar esta opción? Quiero crear mi propio componente personalizado con, por ejemplo, [data-gjs-type]="anyDiv" y tener la misma funcionalidad que en [data-gjs-type]="text". ¿Quizá alguien s...
Abhisheknanda1344463
@vatte21 Para que tu componente sea editable. Tienes que extender el texto en tu componente de esta manera '''js editor. Components.addType('anyDiv', { modelo: { Predeterminados: { Tipo: 'texto', Rasgos:[ ... editor. Componentes.getType(ty...
vatte21
@Abhisheknanda1344463 ¡Gracias! Lo intentaré
abulka
@Abhisheknanda1344463 tu fragmento de código me da un error 'Uncaught ReferenceError: type is not defined' en la línea ¿Dónde se define el 'tipo'?
Hola @artf He añadido un nuevo componente Aquí está el código '''js editor. DomComponents.addType('header', { modelo: { Predeterminados: { etiquetaNombre: 'h1', tipo: 'cabezal', Tamaño: 'H1', Rasgos: [ { Nombre: 'Size', etiqueta: 'Tamaño', tipo: 'select', cambioProp: 1, Opciones: [ {valor: 'h1', nombre: 'One'}, {valor...
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. Buena pregunta sobre El valor de los componentes no está cambiando. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...
Hola @artf Estoy intentando actualizar el estilo usando el rasgo de casilla, pero no llama a la función. Aquí está el código ¡Agradezco mucho cualquier consejo que podáis darme! Gracias
Abhisheknanda1344463
@artf Lo entendí, tonto-Error Mueve la función de init dentro del propio modelo. Cerrando el asunto
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. Buena pregunta sobre ¿Cómo actualizar el estilo a partir de un rasgo de casilla?. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la do...
He estado probando GrapesJS e intentando integrarlo en un proyecto de Symfony 5. En particular, quiero poder editar plantillas en el editor basadas en Bootstrap 4 y otros componentes como FontAwesome Pro y bloques personalizados basados en estos. Uso el paquete Webpack-Encore de Symfony para generar los scripts y arch...
ianef
Es una verdadera pena. No dije nada sobre buscar desde otro sitio, lo que quería era mantenerlo coherente con el resto del proyecto. Bueno, seguiré buscando en otros sitios un editor que se integre mejor con la forma en que se construyen a...
artf
Hola Ian, si necesitas cargar contenido HTML desde una URL solo puedo sugerir que lo obtengas en el lado del servidor e iniciales el editor con ese contenido (cargar recursos externos en el navegador resolvería principalmente el problema d...
ClaudeCode
Gracias por informar de esto, @ianef. Gran sugerencia sobre FEAT: ¡Crea el lienzo a partir de una URL! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sis...
Añado manualmente un nuevo nodo a un componente renderizado. El resultado visual está bien, pero es imposible de guardar, porque mi estilo no es con el ID GrapesJS generado automáticamente. Para resolver manualmente este poblem, hago doble clic en el componente para entrar y luego hago clic en el exterior en el cuerpo...
i️ No funciona directamente con HTML, solo funciona con JSON. Component = nodo JSON (elemento html + GrapesJS data) '''js addStylesToText (styles, tagName = 'span') { const inlineStyles = styles.map(style => style.join(':')).join(';') + ';...
ClaudeCode
Gracias por informar de esto, @bgrand-ch. Buena pregunta sobre ¿Cómo actualizar/volver a renderizar después de añadir un nuevo nodo?. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la docu...
Hola @artf Estoy atascado en una cosa, quiero añadir un bloque en el que quiero añadir estilo con el nombre de la clase también Aquí está mi código -: Esto me dio exactamente lo que quería Código HTML en la sección de HTML y la parte de estilo en la sección de estilo, pero quiero añadir un nuevo rasgo para lo mismo y...
artf
'''js Contenido: { Content: section_content, // <- Deberías usar 'components', no 'content'... Type: 'section', } ''' y hazte un favor, deja de definir secciones enteras en bloques, usa un enfoque orientado a componentes para que tus bloqu...
ClaudeCode
Gracias por informar de esto, @Abhisheknanda1344463. Gracias por compartir tu informe sobre Añadir tipo para bloque y CSS con nombre de clase. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo r...
Me gustaría añadir un nuevo elemento HTML, con estilos en línea, alrededor del 'rte.selection()'. Con el siguiente ejemplo, el HTML está bien, pero probablemente no la parte JSON: '''js const editorRte = this.editor.RichTextEditor // ... editorRte.add('fontSize', { icono: ' <select> <valor de opción="" deshabilitado s...
artf
@bgrand-ch, ¿qué quieres decir con "probablemente"? 😅
bgrand-ch
@artf gracias por tu respuesta 🙂 rápida, actualizar las dependencias a '0.16.30' resuelve mi problema 🎉