¡Hola! ¡Gracias por la gran biblioteca! Estoy usando el plugin de página web y lo que me interesa es editar texto. Sé que esta funcionalidad ya está ahí y podemos editar el texto haciendo doble clic en ella, pero ¿cómo puedo hacerlo por separado? como tener un desplegable adicional en el panel derecho donde están "Gen...
artf
Puedes añadir un Trait personalizado que actualice el contenido de los componentes ('component.components('<span>Nuevo contenido...</span>')') en cambio de entrada
Hola, Instalé localmente GrapesJS y el complemento 'preset-webpage', lo que me da un diseño básico con algunos bloques. Uno de esos bloqueos es el bloqueo de vídeo. Puedo arrastrar y soltar un vídeo en el lienzo, pero no puedo establecer una URL de YouTube. En la demo veo, en la barra lateral derecha, una opción de Co...
artf
No, el componente de vídeo forma parte del núcleo, así que si haces este 'editor.addComponents({ type: 'video' })' incluso sin ningún plugin deberías ver correctamente los rasgos del vídeo
jeff-panart
Hola artf, Hmz, entonces creo que he hecho otra cosa mal... Añadir la línea 'editor.addComponents' no cambia nada. En mi index.php solo tengo una div con gjs como id, y aquí también llamo a algunos assets (archivos de script de hoja de est...
Para que lo sepas: estoy usando la 0.15.3 He cargado un componente HTML en el editor y guardado varias veces; he notado que cuántas veces cargamos/editamos y guardamos el mismo componente html, las CSS están añadiendo incluso con el mismo ID, clase, etc ! bug1 ! bug2
vinceumo
Tengo el mismo problema, creo un pequeño codesandbox https://codesandbox.io/s/snowy-wave-85dxo?file=/index.js Pasos a seguir,Revisar la exportación predeterminadaHaz clic en el icono del frasco, edita algunas propiedadesMira la exportación...
makkaronis4e
Apuesto a que has cambiado estos parámetros: ! B45B0E93-DCAE-4389-A413-D844C0E004ED Guardas el envoltorio todo el tiempo
ramusesan
No he cambiado ninguna propiedad (por ejemplo, exportWrapper, WrapperIsBody:) ni siquiera sé dónde están esas propiedades, ¿puedes decirme dónde puedo ver estas propiedades y cambiar su valor?
¿Puedo cargar datos desde variables, no desde el servidor, por ejemplo 'var datajson = editor.store();' 'editor.load(datajson);' He aprendido (https://grapesjs.com/docs/modules/Storage.html#storage-api), pero aún así no entendí ejemplos si incluyeron la nueva lógica para cargar los datos, gracias
artf
Puedes usar 'editor.setComponents' y 'editor.setStyle'
@artf, ¿podríamos por favor devolver valores de 'Posición de destino inválida: Colección de destino no encontrada, el destino no se puede soltar, acepta [indefinido], Componente no arrastrable, aceptable por [indefinido]' para devolver valores en lugar de '[indefinido]' en la próxima versión? Sé que es solo una advert...
artf
Desafortunadamente, la instancia de Sorter (la que crea esa advertencia) es la que tenemos que refactorizar (el código es antiguo y tiene otros errores), ya está en mi lista de tareas, así que espero actualizarla pronto. Por ahora, solo pu...
navewi
Hola, ¿hay alguna novedad sobre esto? Ahora tengo la misma advertencia y no puedo eliminar el bloque de imagen. 'Posición de destino inválida: Colección de objetivos no encontrada, el objetivo no se puede soltar, acepta [indefinido], compo...
artf
@navewi, por desgracia, no tuve tiempo para trabajar en esto :/
He creado un componente y bloque personalizados que se usan para mostrar e incrustar archivos subidos. He definido rasgos para este componente, véase más abajo. Cuando se sube un archivo nuevo, necesito actualizar las opciones del rasgo selected-src para que el usuario pueda usar el selecto en el panel de configuració...
pouyamiralayi
¡Hola! debes adjuntar un oyente para la propiedad del archivo, así que cada vez que cambie a un nuevo valor (archivo), Tu oyente lo añadirá al final de las opciones: AVISO aquí estoy escuchando los cambios en el propio src seleccionado, pa...
artf
Sí, la parte clave propuesta por @pouyamiralayi está aquí '''js const trait = this.model.getTrait('selected-src') const traitOptions = [{name: 'nuevo archivo', valor: 'nueva URL de archivo'}] trait.set('options', [... trait.get('options'),...
Hola, El mecanismo de eventos parece haber cambiado mucho desde la versión 0.15x. Por ejemplo, normalmente cuando queremos evitar el comportamiento del botón por defecto, usamos "return false" al final de la función de callback, pero esto ya no funciona en esta versión (da igual lo que devuelvas), tengo que llamar "ev...
mogolola
Además, eventos como "desenfoque", "enfoque" (básicamente todo excepto "clic") no funcionan en la configuración de eventos de backbone (con eso me refiero a ver eventos en backbone: https://backbonejs.org/#View-events ). por ejemplo: si ad...
artf
¿Podrías dar ejemplos en vivo de lo que funcionaba en versiones anteriores y lo que no funciona ahora?
mogolola
Ejemplo 1: Ejemplo 2: Cuando intento adjuntar oyentes de eventos, solo se puede llamar a la callback a los eventos de clic
Si se omite styleManager en la configuración, el predeterminado incluye 'alineación de texto' con iconos que muestran las opciones. ! imagen Si incluyo una configuración de StyleManager y añado 'text-align', en su lugar usa palabras. ! imagen ¿Debería ser así ya que es una propiedad "integrada", o aún tengo que añadir...
ramusesan
Hola @benvmatheson solo tienes que hacer incluye fontawesome en tu proyecto y añade la clase Nombres Referencia para la fuente genial: https://www.w3schools.com/icons/fontawesomeiconsintro.asp es decir, _if quieres poner tus propios iconos...
artf
@benvmatheson preferí no asignar la dependencia de font-awesome (que aún espero eliminar pronto) a la fábrica de propiedades
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...
smik3
Sí, después de 3 o 4 reescrituras he conseguido llegar al enfoque ahí, jaja. ¿Sería posible añadir ese fragmento a la documentación? Me ha llevado unos días buscar entre los problemas para ver que es posible pasar una variedad de component...
artf
https://grapesjs.com/docs/modules/Blocks.html
smik3
También me estoy confundiendo mucho con esto. Por ejemplo, ¿cómo decides dónde poner el marcado html, en la propiedad de contenido de bloque o en la propiedad de vista de componentes? Además, en el plugin basic-blocks define filas/celdas c...