Hola @artf, Antes que nada, gracias por este increíble plugin. ¿Podríais decirme cómo puedo actualizar o cambiar el contenido de bloqueo? Creé bloque + componente personalizados. '<table><tr><td class="some-class">texttoreplace</td></tr></table>' El componente tiene un nuevo botón de barra de herramientas (icono de bú...
artf
El método 'components()' es la forma de cambiar el contenido interno 'editor.getSelected().components('<div>Nuevo contenido interno</div>');' pero ten cuidado de que con 'editor.getSelected().toHTML()' estés obteniendo el contenido externo...
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 a todos! Al arrastrar un bloque al lienzo, y sueltarlo: ... Tenemos un evento que detectar, en qué bloque caemos. ?: pero cuando dejo caer texto de bloque, en la forma, (en otras palabras, anido un bloque en otro) ¿Cómo puedo detectar: *en qué bloque específico ocurre el anidamiento?. Qué evento se especifica pa...
konstantin55000
Si necesitas explicar más sobre la situación, por favor escribe. Aquí he intentado describirlo en vídeo https://www.screencast.com/t/V2mGBFXp Así que cuando el texto cae en Form, necesito Event, para detectar el componente Form
artf
Hola Konstantin, primero que nada, los eventos 'canvas:*' se introdujeron desde el https://github.com/artf/grapesjs/releases/tag/v0.13.5 usando HTML5 D&D y, por tu screencast, parece que no lo estás usando. Por cierto, ¿qué pasa con compro...
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.
Primero, gracias. Esto es realmente maravilloso. En realidad, es mejor que eso. Es asombrosamente bueno. Unas preguntas desde el principio. Posiblemente solicitudes de funciones, no estoy seguro. La sección de formularios tiene los widgets habituales pero no hay opción de 'rango'. ¿Cómo puedo añadir uno?Quizá más comp...
g40
@artf gracias por los consejos. @tommedema sí, y cualquier ayuda es bienvenida. :)
artf
La sección de formularios tiene los widgets habituales pero no la opción de 'rango'. ¿Cómo puedo añadir uno? Deberías leer sobre BloqueosQuizá más complejo: ¿hay algún ejemplo de cómo envolver (por ejemplo) una instancia chart.js para que...
tommedema
@g40 si alguna vez llegas a hacer esto, ¿sería de código abierto? Me gustaría echar un vistazo
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...
cjpollard
[Gestor de Activos]La función getAll de (https://github.com/artf/grapesjs/wiki/Assets)s debería hacer precisamente eso.
rajatkumcom
¿Alguien podría ayudarme con lo siguiente?- Como si tuviéramos - getHtml(), getCss(), getStyle(), getComponents(). lo que tenemos como activos.
rajatkumcom
Gracias por responder. Pero quiero obtener los datos de assets similares que se envían en el momento en que hacemos editor.store(). como - [{"type":"image","src":"./img/bg-gr-v.png","unitDim":"px", "height":1,"width":1728,"date":"2015-02-0...
Soy nuevo publicando problemas en github, Estoy usando la última versión tanto de GrapesJS como del preajuste de newsletter de npm Lo he hecho var uvasjs = require('uvapesjs'); requer('grapesjs-preset-newsletter'); y ngOnInit() { var editor = grapesjs.init({ Contenedor: '#gjs', Plugins: ['GJS-preset-newsletter'], plug...
isaacnikon
Hola @artf Gracias por el consejo 💃, el código anterior estaba generando un error nlPlugin y no una función, Hacer esto ayudó a que funcionara ¡Muchas gracias de nuevo 👍
artf
Hola @isaacnikon y bienvenidos a bordo :) Por cierto, 'grapesjs-preset-newsletter' no se añade correctamente si quieres cargarlo globalmente, prueba con esto en su lugar '''js var uvasjs = require('uvapesjs'); var nlPlugin = require('grape...
absyah
@isaacnikon Hei, '.default' hace la magia. ¡Gracias! 👍 ¡Y también gracias a @artf por estos plugins increíbles! ¡ 🙌
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...
rajatkumcom
En mi caso quiero almacenamiento local y remoto al mismo tiempo. Los datos se almacenarán localmente en localstorage (si actualiza la página sin guardar el botón de guardar, los datos se renderizarán desde el almacenamiento local) y cuando...
artf
Sí, simplemente deja activado el localStorage por defecto y crea un botón que aproveche el almacenamiento remoto '''js editor. StorageManager.get('remote').set({ urlStore: 'somewhere', // establecer tus configuraciones ... }).store({html:...
De nuevo, enhorabuena por el gran trabajo. Hemos ampliado mucho Grapes y hemos conseguido añadir casi toda la funcionalidad que necesitamos. Planeamos usarlo para las primeras páginas móviles. Así que hemos configurado el administrador de dispositivos para que por defecto sea "Retrato móvil". El estilismo se realiza m...
chthomos
He averiguado cómo hacerlo móvil primero y así se resuelve mi problema por ahora: Establecer el editor config.mediaCondition: 'min-width' y en DeviceManager: [ {nombre: 'Mobile Portrait', ancho: '320px', widthMedia: '0px'} {nombre: 'Tablet...
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 añadir un botón personalizado a ese panel: ! imagen
chiqui3d
Mira esto https://github.com/artf/grapesjs/issues/266
artf
Los botones de la barra de herramientas son específicos de cada componente, así que puedes tener un conjunto diferente de botones para cada elemento. Aquí puedes ver cómo se crea la barra de herramientas por defecto: 'Component.initToolbar'
¿Cómo debería sacar el getHtml() del editor grapesjs? Tengo un botón de guardar fuera del iframe del editor. No recibo el HTML actual cuando hago clic en el botón de guardar. Necesito ayuda.
alvim
Deberías conseguirlo por 'editor.getHtml()'. Si tu editor está dentro de un iFrame y estás ejecutando código en una ventana principal, podrías acceder a él así: ¿Es esto lo que buscas?
artf
Perdona@NorthstarTech pero no he entendido nada de lo que hablas
JordanTGVG
Tengo un problema en el navegador Edge, no puedo obtener el HTML del editor con: 'window.frames[indexOfIFrame].editor.getHtml()' En Chrome y Mozzila funciona bien, ¿alguna idea?
Hola a todos, Supongamos que he añadido <form> bloqueo en el lienzo. Cuando añado el siguiente <form> (segunda vez), Necesito comprobar: si este componente ya está presente en el lienzo, función llamada implodeComponents(presentedComp, recentlyAddedComp){} Pero, en event editor.on('component:add'... Solo puedo trabaja...
konstantin55000
Gracias por vuestra atención. Acabo de leer el documento. Y acabé con esta solución: editor.on('component:add', function(currentComp) { if (currentComp.attributes.tagName == "form"){ var modelList = (domComps.getComponents()).models; var p...
ionic666
@konstantin55000 hola, tío, domComps.getComponents() está consiguiendo todos los modelos, yo solo quiero conseguir el botón. ¿Cómo lo hago? 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.