Problemas analizados por 3,464 en GitHub — 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.
Se han detectado problemas con 3,464
En mi panel, quiero arrastrar algunos botones dentro de un bloque, ¿cómo puedo hacerlo?
artf
Bueno, solo tienes que arrastrar los botones dentro de tus bloques
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.
Parece que no debería hacer esa pregunta, pero he dedicado mucho tiempo a buscar y no he conseguido una buena guía sobre esto. Quiero crear un bloque de FB, contiene algunas etiquetas DIV y un script que cargue el SDK de FB y renderice el contenido en las etiquetas DIV. '<div id="fb-root"></div>' ' <div class="fb-page...
artf
Crear un Component (comprueba también cómo crearlos con js) te dará más control (por ejemplo, sumando tus rasgos), pero en tu caso, si solo necesitas un elemento arrastrable, puedes envolverlo dentro de ese div '''html <div class="fb-wrapp...
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.
He marcado como un error solo porque creo que esto refleja una pequeña inconsistencia; Pero también podría entenderse como una solicitud de funcionalidad. El escenario es:Estoy proporcionando mis propios métodos para 'uploadFile' y 'handleAdd', que es algo que hoy es posible.Veo que 'uploadFile' se ha vinculado a su o...
artf
Totalmente de acuerdo con la consistencia 👍
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. Tengo una cadena json como esta '{ "assets": "[{\"type\":\"image\",\"src\":\"./img/team1.jpg\",\"unitDim\":\"px\",\"height\":0,\"width\":0}]", "css": "* { box-sizing : border-box; } cuerpo {margin: 0;}", "styles": "[]", "html": "", "componentes": "[]"}'. Ahora quiero importarlo.
artf
Sinceramente, recomendaría seguir el flujo con el gestor de almacenamiento, pero de cualquier forma, podrías lograrlo así: '''js const obj = var tt = JSON.parse(yourJsonString); editor.setComponents(obj.components); editor. setStyle (obj.s...
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.
¿Cómo puedo usarlo en vue.js
cjpollard
Este hilo debería responder a tu pregunta. https://github.com/artf/grapesjs/issues/275
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.
Estoy intentando quitar un panel. La función devuelve el panel la primera vez que ejecuto 'removePanel' y luego devuelve el panel indefinido si lo ejecuto de nuevo. Cabe destacar que el panel ya no se devuelve al recibir todos los paneles, pero sigue siendo visible y funcional. En mi caso intento eliminar los botones...
FrciSmrci
Hola @mmeeeooowww, Los paneles deben retirarse tal y como se discute en este número. Que tengas un gran día.
mmeeeooowww
Hola, @FrciSmrci ahora mismo estoy usando CSS para ocultar cosas. ¿Estoy malinterpretando el propósito de 'removePanel' o lo estoy usando mal? ¡Gracias!
artf
También añadiré un oyente sobre esto
Estoy ampliando el componente de 'texto' añadiendo un nuevo atributo y un script. Cuando un usuario escribe un determinado carácter en el componente de texto, quiero que el script cambie el atributo en el modelo del componente, pero no estoy seguro de cómo hacerlo. Esta es mi configuración para modificar el componente...
artf
Puedes acceder a propiedades anidadas como esta 'var customAttribute = '{[ attributes.customAttribute ]}';' dentro del 'script'. Deberías usar las propiedades del modelo: '''js ... CustomAttribute: '', script: function() { ... ``` y luego...
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.
Al importar componentes e inicializar grapesjs, la propiedad css background-repeat se cambia a background-repeat-x y background-repeat-y, lo que falla en iOS. Componentes importados: '''html <div id="izmt">Test Begin<br /> <br /> <br /> <br /> Fin de la prueba</div> <style type="text/css">#izmt{background-image:url("/...
Coyote6
Gracias. He añadido esto a mi función de gestor de almacenamiento... Creo que así soluciona el problema por el momento... Aún no estoy del todo despierto, así que por favor avísame si he metido algo mal. '''javascript var css = editor.getC...
artf
Gracias @Coyote6 ya somos conscientes de este problema. Esto ocurre por el analizador CSS del navegador y no puedo hacer mucho hasta que haya posibilidad de conectar analizadores CSS personalizados, espero implementarlo pronto.
artf
Desde https://github.com/artf/grapesjs/releases/tag/v0.14.33 puedes usar analizadores CSS personalizados, el primero que se lanza es grapesjs-parser-postcss
Para la cuenta atrás nos gustaría añadir nuestro selector personalizado de fechas, no solo el de HTML. Probamos añadir el evento de clic en su rasgo de esta manera rasgos: [{ etiqueta: "Start", Nombre: "StartFrom", cambioProp: 1, tipo: n.fechaTipoEntrada, eventos:{ click:"handleClick", }, handleClick:function(e){alert...
nojacko
Códigos fuente:https://github.com/artf/grapesjs-preset-webpagehttps://github.com/artf/grapesjs-component-countdown
artf
@kuldeepcis por favor, echa un vistazo a cómo crear Rasgos personalizados
kuldeepcis
¿Podrías proporcionar la versión no minificada de grapesjs-preset-webpage.min.js?
Hola artf, Por favor, háganos saber cómo podemos eliminar el componente HTML seleccionado como Tengo un botón html y cuando selecciono esa clase "gjs-comp-selected" aparece añadida <button class="addcolbtn gjs-comp-selected" id="ir9j">Añadir nueva columna</button> Quiero eliminar este botón html y reemplazarlo por con...
artf
Puedes hacer algo así '''js componente const = editor.getSelected(); const coll = component.collection; const at = coll.indexOf(component); coll.remove(componente); return coll.add('<div>Contenido nuevo</div>', { at }); ```
mararn1618
Esto me ha ayudado mucho a eliminar componentes programáticamente y solo quiero añadir un código de ejemplo en Typescript para más referencia.Ejemplo de Typescript: Eliminar dinámicamente componentes Se han retirado todos los componentes q...
Deepak813
Hola artf, Gracias por el mensaje y el código proporcionado funciona bien, pero me está saliendo el siguiente error: Uncaught TypeError: No se puede leer la propiedad 'indexOf' de undefined en HTMLDivElement. <anonymous> (template.js?1.15:...