'''js grapesjs.plugins.add('social-icons-component', (editor, opts = {}) => { Sea c = opts; Sea defaults = { bloques: 'iconos sociales', Estilo por defecto defaultStyle: cierto, Hora de inicio por defecto, por ejemplo, '2018-01-25 00:00' Hora de inicio: '', }; Valores predeterminados de carga para (dejemos nombre en l...
xr0master
Tienes que iniciar el campo de contenido. Probablemente para sobrescribir al método HTML. Depende de qué no funcione
artf
@kuldeepcis no muestras cómo usas el componente, por favor proporciona un ejemplo en vivo vía jsfiddle
kuldeepcis
Hola @artf, Este es el violín para ello https://jsfiddle.net/apaoa5o2/14/ En la sección extra está el bloque para icono social Los problemas con esto son: 1) Cuando arrastras y soltas, tienes que seleccionar padre para ver la sección de co...
¿Podrías decirme cómo añadir una clase personalizada en la división principal de Map iframe? Cuando intento añadir una clase personalizada en la función de mover 'grapesjs-preset-webpage.min.js', entonces se muestra, pero al cargar la página elimina esa clase. Por favor, orientadme sobre cómo añadir clase. ¿Podríais p...
artf
Crea tu bloque con tu envoltorio que quieras y dentro pon el componente de mapa¿puedes proporcionar js de grapesjs-preset-webpage.min.js no minificados? Puedes construirlo tú mismo, revisar los scripts en package.json
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.
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.
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!
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