! imagen Hola Artf, me han añadido un nuevo comando a componente editable, el estilo de actualización funciona bien pero no sé cómo actualizar esta barra de herramientas después de que se actualice el componente (por ejemplo, el icono de alineación de actualización), ¿tienes alguna sugerencia? ' defaultCommands['testC...
artf
Puedes configurar un oyente en actualización de componentes '''js editor.on('component:update', () => { editor.runCommand('testCommand'); }) ``` Ten en cuenta que con 'var styles = sel.get('style')' obtienes el estilo del componente y no l...
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, Quiero definir un nuevo lenguaje de marcado como mjml para hacer el diseño más fácil y legible. Empecé con '<error>'etiquetar como POC''. Escribe código a continuación; Modelo: 'importar un componente de 'grapesjs/src/domcomponents/model/Component'; const ComponentError = Component.extend({ Predeterminados...
gasserol
¿Has visto que hay un preajuste del autor de este proyecto para mjml? ¿Quizá esto te ayude? https://github.com/artf/grapesjs-mjml
ateshuseyin
Gracias @gasserol. Lo vi pero no pude encontrar el problema.
ateshuseyin
Ahora funciona con drop :) Pero aún no puedo analizar a partir de elementos.
Ciao, spero che stai bene e grazie per GrapesJS! Estoy intentando crear una forma para que los usuarios puedan hacer preguntas de opción múltiple. El primer bloque de abajo es la sección que tiene una forma con una lista no ordenada en su interior. La lista no ordenada dentro del formulario debería poder aceptar un el...
artf
Hola @NicholasGati creo que podría ser un problema con 'data-gjs-stylable="false"', ¿puedes intentar eliminarlo de '<ul>' y '<li>' y comprobar si funciona
NicholasGati
Hola @artf, gracias por responder. He eliminado 'data-gjs-stylable="false"' y sigue sin funcionar. Me sale el mismo error: 'Colección de objetivos no encontrada, objetivo no se puede soltar...'.
artf
¿Puedes reproducirlo usando algo como jsfiddle/codesandbox?
Puedes ver esto en acción en la demo (http://grapesjs.com/demo.html). Selecciona uno de los elementos de navegación (por ejemplo, 'Web'); ten en cuenta que ya existe una clase de 'elemento de menú'. Si ahora cambias algunas propiedades, como la alineación del texto, se aplican esos cambios a la clase de elemento del m...
thecodefish
Pensaba que el comportamiento podría ser algo así: Configuración por defecto (configuración actual):Si el elemento no tiene clases, crear una clase única basada en cid y aplicar estilosSi el elemento tiene clases, aplicar estilos a la unió...
artf
Hola @thecodefish ¿qué opinas de este enfoque? https://codepen.io/artf/pen/jaaKvq Allí verás cómo hacer que los selectores sean privados (no estilizables por el usuario) y el uso de la nueva opción 'avoidInlineStyle', que permite estilizar...
artf
Diría que tienes dos opciones:Simplemente desactiva la clase, en este caso, el ámbito del gestor de estilos cambiará al componente y no a la reglaAñade una nueva clase al componente, en lugar de la regla '.menu-item' obtendrás '.menu-item....
La demo muestra un boletín, pero no creo que el CSS se inlinee, que es realmente necesario para un mejor soporte por correo electrónico. https://github.com/Automattic/juice
artf
En realidad, sí ! schermata 2017-10-11 alle 14 51 19
danfitz36
Oh, genial, gracias. Supongo que no llegué tan lejos en la demo.
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.
¿Se necesitan características específicas, se requiere cierta cantidad de pruebas? ¿Qué es lo que debe ocurrir específicamente y cómo podemos ayudar a que suceda?
artf
Buena pregunta. No le di mucha importancia, probablemente diría que una API más estable, hacer el núcleo lo más seco posible (cosas menos opinativas) y probablemente tener que completar alguna función de la hoja de ruta actual.
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, al subir una imagen desde el administrador de recursos, me aparece el siguiente error: ! bildschirmfoto 2017-10-10 um 15 44 23 Configuración de AssetManager en editor parece ! bildschirmfoto 2017-10-10 um 15 45 30 La carpeta existe y es grabable. ¿Podrías ayudarme, por favor? Muchas gracias por este excelente so...
artf
El endpoint de subida debería devolver un JSON, parece que tu responde a un HTML
gasserol
Vale, muchas gracias, no sé cómo solucionar esto... Estoy usando un servidor apache normal en localhost para pruebas y creo que este endpoint no responde en absoluto. Intentaré implementar tu solución en el framework yii2, allí puedo encar...
mekamleshk
@gasserol puedes consultar mi código Aquí Pude subir y recuperar archivos.
Hola, Quiero ocultar un elemento concreto cada vez que hacemos clic en un botón de barra de herramientas comandos: { Valores predeterminados: [{ id: 'submenuitem', run: function(editor, senderBtn){ Quiero ocultar el elemento "photostack-1" ???? ???? ???? }, }], } Var Domc = Editor. DomComponents; domc.addType('bannerg...
artf
Puedes acceder al elemento desde el modelo '''js const selectedModel = editor.getSelected(); const elem = selectedModel.view.el.querySelector('#photostack-1'); elem.style.display = 'ninguno'; ```
sanjeevSavitr
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 de nuevo @artf, me confundo con la barra de herramientas push en el elemento con la clase específica (ex: modal-trigger) El código de elementos es : '''html ... <a href="#modal1" data-highlightable="1" class="modal-trigger"> <div data-highlightable="1" class="card"> <div data-highlightable="1" clase="ondas-imagen...
artf
Diría que la forma correcta de hacerlo es extender 'initToolbar()' del modelo de Componentes y poner ahí tu lógica
bungambohlah
diría que la forma correcta de hacerlo es extender '''initToolbar()''' del modelo de Componentes Por supuesto, hago mi barra de herramientas personalizada con el método '''initToolbar()''' Y por favor@artf ¿puedes explicar la lógica para e...
bungambohlah
Perdón por haber solucionado esto con mi lógica, gracias @artf :+1: