Uso de este código Tengo un editor pero no hay bloqueos. Tampoco veo los iconos del tamaño de pantalla, pero sí hay otros iconos. Como puedes ver, el CSS se carga porque el diseño general es correcto. ! imagen ¿Qué me estoy perdiendo? Estoy usando Vue pero no creo que importe porque simplemente estoy ejecutando el cód...
ryandeba
@enricribas Que yo sepa, no hay bloques por defecto integrados en el núcleo de grapesjs, pero sí hay plugins que te pueden añadir algunos bloques. Echa un vistazo https://github.com/artf/grapesjs-blocks-basic. Creo que los iconos de "tamañ...
enricribas
Ya veo, gracias. El readme parece dar a entender que ya está más configurado, pero supongo que las cosas se han movido a un sistema de plugins, lo cual está bien. Gracias.
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola @artf Como discutimos en el número #374. setComponents configurará el cuerpo y reemplazará todo el contenido presente en la página por una nueva página de selección de la lista. ¿Y si quiero poner el cuerpo solo en ese componente sin cambiar todo el contenido de la página?
artf
Puedes reemplazar el contenido del modelo '''js El modelo podría ser, por ejemplo, editor.getSelected() model.components('<div>Texto 1</div><div>Texto 2</div>') ```
HarshOB
¿Cómo puedo reemplazar el contenido de un componente por un valor específico como "Hola"?
En grapesjs.com/demo.html panel de configuración está integrado en el panel de gestor de estilo. Quiero lo mismo, pero no he encontrado cómo puede ser.
ateshuseyin
Lo encontré dentro de grapesjs-preset-webpage.js. Creo que esto debería ser una característica. El asunto se puede cerrar por ahora.
artf
Claro @ateshuseyin la gestión de la interfaz con la API de Panels se refactorizará pronto y añadiré la opción 'appendTo' en los módulos que debería indicar dónde deben renderizarse los paneles
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Tenemos la necesidad de crear plantillas personalizadas para diferentes áreas y todas las plantillas tienen menos de 4 variables enlace de ancla, objetivo de anclaje, fuente de imagen, texto de cruce de imagen, título. Queremos crear un componente personalizado que proporcione un mecanismo para seleccionar variables m...
artf
Bueno, con el atributo 'data-gjs-*' incluso puedes usar objetos (JSONs) '''js Contenido: '<div class="cls" data-gjs-attrobj='{"valid":"json"}'></div>',
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Tengo el código de abajo para crear un componente personalizado y quiero recuperar html actualizado vía editor.html(), pero si devolvo HTML incorrecto, seguro que me estoy perdiendo algo otra vez. necesitamos que la siguiente plantilla devuelva 482 Codeplex: Plantilla 'function createPCBoxComp(comps, defaultModel, def...
artf
@krunal039 No es un problema, simplemente es cómo has definido un tipo personalizado. Si defines rasgos en 'div', los conseguirás ahí. Si necesitas actualizar algún componente anidado, siempre puedes acceder a él desde el propio componente...
krunal039
@artf gracias por responder, ¿puedes indicarme alguna muestra?
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Hola @artf perdón por mi último problema, debo crear un nuevo problema, mi problema tiene un error como este EDITO: perdón, acabo de arreglar mi último problema con el script: '''javascript Navegación dinámica blockManager.add('dynamic-nav', { etiqueta: 'Navegación Dinámica', atributos: { Clase: 'fa fa-ellipsis-h', tí...
artf
@edwardjiawei simplemente cambiar 'contenido' (usado solo para contenido de texto) por 'componentes' '''js de contenido: '<td class="cell">...', a componentes: '<td class="cell">...', ``` @bungambohlah No deberías hacer esto 'el.insertAdja...
bungambohlah
Muchas gracias@artf tengo alguna idea y un poco complicado de qué hacer a nivel modelo, muchas gracias, me has salvado el día :rofl:
edwardjiawei
Problema similar, el elemento anidado no se detecta Para configurar un flujo sencillo para arrastrar y soltar tabla, para que el usuario pueda arrastrar el bloque de fila y crear la tabla de la segunda fila, pero el td en la fila no sea ed...
Hola Artf, Quiero editar los estilos de los componentes (principalmente HTML importado) sin modificar todos los componentes con la misma clase. Intenté añadir una clase con nombre aleatorio de forma programática así: this.editor.on('component:selected', function(model) { si (model && model.length > 2) { const uuid = t...
@IrinaCodixis de la https://github.com/artf/grapesjs/releases/tag/v0.14.52 hemos añadido métodos 'setRule'/'getRule', así que para añadir algunas reglas CSS programáticamente deberías hacer esto: '''js editor. CssComposer.setRule('.some-cl...
artf
Te refieres a algo como 'model.set('style', {...})`? Esto añade un estilo en línea al componente
Hola Artf, Tengo un problema al importar algunas plantillas HTML. Al principio no podía ver los textos en span. Pero después de ayudar al editor a reconocerlas, no puedo editarlas como textos. 'sea domc = this.editor.DomComponents; sea textType = domc.getType("texto"); domc.addType('span', { Defina el modelo model: te...
artf
Para contenido editable, tienes que usar 'contenido' '''js ... contenido: el.innerHTML ... ```
asvine-p
Hola artf, he sustituido "components: el.innerHTML" por "content: el.innerHTML", pero el contenido sigue sin ser editable. Aquí está mi código: ' sea domc = this.editor.DomComponents; sea textType = domc.getType("text");' domc.addType('spa...
Un rasgo de texto y una casilla para marcar: Resultados en: ! imagen Si solo tienes una casilla para verificar: La casilla se superpone a la etiqueta: ! imagen
artf
Debería arreglarse
lock[bot]
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Tengo un editor inicializado así: Si añado una imagen al lienzo e intento subir una nueva imagen arrastrándola al área de soltarla en el modal, la función uploadFile se llama dos veces. Subir la función haciendo clic en el área de subida y seleccionando un archivo desde el diálogo de Windows funciona bien, solo llama...
artf
@roytang no puedo reproducirlo con la versión actual https://codesandbox.io/s/p554z8yv7j
duskhacker
@roytang Desactivar explícitamente la dropzone del editor de ancho completo ('dropzone: 0') solucionó esto para mí. Uso de la versión '0.12.30'
kickbk
Me pasó lo mismo y el comentario de @roytang es cierto, desactivar la zona de caída soluciona el problema. Por supuesto, siempre usando la última versión.