Cuando usas un framework de interfaz que proporciona clases personalizadas, sería bueno poder usar estas clases en cosas como paneles, para no tener que reescribir el CSS. Una posible sintaxis podría ser: '''js panelManager.addPanel({ id: 'miNuevo Panel', visible : cierto, botones : [...], clases: ['miClase Personaliz...
artf
Puedes establecer atributos de esta manera '''js editor. Panels.addPanel({ id: 'miNuevo Panel', ... atributos: {'data-stuff': 'val1', 'classe': 'val2'} }) ```
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.
¿Qué hago con gjs-assets, gjs-components, gjs-css, gjs-html y gjs-style? ¿Y cómo cargo estas cosas a mi editor?
artf
'GJS-html' y 'GJS-CSS' son tus resultados finales, así que probablemente los imprimirías en alguna página para el usuario final. 'gjs-components' y 'gjs-style' contienen los datos JSON sobre tu plantilla, así que tienes que usarlos si nece...
josefph
@artf habría problemas si simplemente insertara el HTML y CSS guardados en el editor para editarlo? ¿Y no usar los componentes GJS ni el estilo GJS?
artf
@pranzikkin si usas elementos personalizados y te importa la coherencia al editar tus plantillas, pues sí, tendrás problemas
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...
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?