Necesito manipular el DOM con jQuery cuando mi modelo cambia, pero parece que la Vista no lo nota.
yomeshgupta
Sí, '$' está disponible estaría disponible en 'editor.$' Sin embargo, no estoy seguro de que eso sea un jQuery completo. Siempre puedes insertar scripts JS personalizados en el lienzo durante la inicialización. Si quieres, puedes añadir jQ...
artf
@isvaljek usar 'this.$el' en lugar de 'this.el'
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, estoy leyendo y experimentando con el método setStyle pero cuando usé setStyle 'editor.getSelectedToStyle().setStyle({ color: 'red' })' Duplica la regla CSS de esa clase, por ejemplo Lo que quiero es eliminar la clase existente O actualizar esa regla existente de CSS de clase Este número es muy similar al...
froderf
Si no hay solución para este problema. lo que necesito ahora es usado 'cssComposer.getClassRule()' Pero el problema es que está seleccionando la primera clase y no esta clase actualizada
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 leído que getAll devuelve todas las colecciones de activos y getAllVisible devuelve todos los activos renderizados en html (entiendo que se usa en la plantilla). Pero cuando lo hago, editor de la ejecución. AssetManager.getAll().models y AssetManager.getAllVisible().models Obtengo el mismo array: todos los activos...
artf
No es "el mismo array", simplemente obtienes todos los recursos visibles por defecto, así que si haces 'editor. AssetManager.render(['img1.jpg', 'img2.jpg'])' verás la diferencia
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 imaginar cómo insertar un encabezado, una sección o una caja... Veo el panel de bloques, y extra en cada panel, pero lo único que puedo insertar son filas - columnas, imágenes, navegaciones... pero una sección o una caja... ¿Cómo hacerlo? Por favor, ¡responde :( Gracias
cjpollard
Puedes crear fácilmente tus propios bloques. https://grapesjs.com/docs/modules/Blocks.html
jotakar
Gracias Sí, sé que puedo crear bloques, pero en la demo (https://grapesjs.com/demo.html) veo estos elementos pero no veo ningún bloque especial para este tipo de elementos. Esta es la razón de mi pregunta, ¿cómo se han creado estos bloques...
artf
@jotakar es solo una importación de una plantilla predefinida https://github.com/artf/grapesjs/blob/gh-pages/demo.html#L147
Hola, Estoy buscando crear automáticamente componentes dentro de un elemento de bloque y parece que lo consigo, pero con un pequeño que falta... ¿Cómo puedo pasar atributos de componentes para cada uno? El código está abajo y crea varios bloques. Cada bloque tiene un tipo diferente de componente. Al pasar el array blc...
artf
Por lo que veo, por cómo creas los bloques, no tiene nada que ver con el renderizado de los componentes, por ejemplo. 'parameters="null"' es nulo porque 'arrBlocks[j].value.parameters' es nulo, eso es todo
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.
Veo que las imágenes subidas aparecen en la página web como binarias (<img src="data:.....) y no como imagen con URL (<img src="url"). ¿Es posible que esa imagen suba y aparezca como img src="./img/nameuploaded.jpg? 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, tengo mi bloque y recibo resultados de impresión en Div ID de mi componente de clase javascript... ¿Cómo consigo identificación de mi ??? de bloque editor. BlockManager.add('test-block', { etiqueta: 'Bloque de prueba', Atributos: {Clase: 'FA FA-TEXTO'}, Contenido: { contenido:'<div id=""></div>', script: función...
juanj
Puedes usar 'esto' dentro del script para referenciar el elemento de bloque. Si quieres el identificación, puedes usar 'this.id'. Ten en cuenta que 'document.getElementById(this.id) == this'
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. Soy nuevo en GrapesJs y hasta ahora me está gustando mucho. Pero ahora tengo una pregunta (probablemente para principiantes): ¿Cómo puedo hacer que una casilla de rasgos esté seleccionada por defecto? He probado con: 'rasgos: [ { Tipo: 'Casilla de verificación', etiqueta: 'Loop', Nombre: 'model-loop-bool', cambi...
artf
Si usas 'changeProp' obtienes el valor del valor del componente, por ejemplo: '''js ... Predeterminados: { ... 'model-loop-bool': true, // <- valor por defecto rasgos: [{ Tipo: 'Casilla de verificación', etiqueta: 'Loop', Nombre: 'model-lo...
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.
@artf Hola ¿Podemos eliminar el último evento (cambios) de undomanger? Necesito eliminar el último evento (cambio) de deshacer la pila del administrador. Puedo deshacer el gestor de stack pero no pude modificarlo. ¿Hay alguna forma de poner el puntero de la pila uno o dos pasos atrás o eliminar los últimos eventos de...
artf
La única forma de mover el puntero es usando métodos de 'deshacer'/'rehacer', así que si necesitas eliminar X pasos tienes que ejecutar 'deshacer' X veces
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.
Me gustaría convertir algunos textos cuando un usuario haga clic en el botón de vista previa. por ejemplo, ((nombre)) (en el editor) debería ser 'David' (en modo previsualización), que proviene del servidor ya que es un campo dinámico. Entonces, ¿sería posible llamar a la API al hacer clic en vista previa y que el res...
artf
Puedes usar eventos de comando, por ejemplo: '''js editor.on('run:preview', () => { hacer cosas... }); editor.on('stop:preview', () => { deshacer cosas... }); ```
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.