Issue #1499💬 RespondidoAbierto el 10 de octubre de 2018por coder-strangeReacciones 0

¿Es posible realizar manipulación de doms a través del script de contenido del bloque?

Respuesta rápidapor artf

Claro, pero asegúrate de entender correctamente el contexto del 'script' y cómo funciona https://grapesjs.com/docs/modules/Components-js.html#components-js No puedes usar '$' si no lo has incluido primero

Lee la respuesta completa abajo ↓

Pregunta

¡Eh! Antes que nada, muchas gracias por construir una herramienta tan buena y versátil. ¿Es posible que pueda manipular los elementos dominantes del bloque a través del script de contenido del bloque?

Por ejemplo,

 editor. BlockManager.add('open-question-2', {
      id: 'pregunta abierta 2',
      etiqueta: 'Pregunta abierta 2',

categoría: 'Formas',
      Atributos: {Clase:'FA FA-Círculo-Pregunta-},
      Droppable: 'Forma',
      contenido:{
        Contenido : '
          
<div data-id="question-container">
          <label>Pregunta</label>
          <input type="textbox" class="form-control">
        </div>
        `,
        script : función(){
          $("div[data-id='contenedor de preguntas']").find("input").attr("value", "Introduce tu pregunta aquí...")
        }

}
    });

Básicamente necesito un bloque de encuestas, donde el usuario pueda soltar un bloque de preguntas y luego introducir la cadena de preguntas.

Una vez más, muchas gracias.

Respuestas (3)

coder-strange11 de octubre de 2018

@artf ! manipulación dominante GJS2

He añadido el jquery, en la imagen anterior he añadido el atributo value a la etiqueta de entrada como podemos ver en la imagen anterior, pero ese atributo value no está en el HTML final que obtengo del editor.

editor. StorageManager.add('local', {
      Nueva lógica para el almacenamiento local
      load() {
        // ...
      },
      store(data, clb, clbErr) {
        // ...
        console.log(data['gjs-html']) //<<<< En este html no obtengo la etiqueta **value** que he añadido mediante manipulación del dom jquery.

},
    });
artf12 de octubre de 2018

Por favor, usa la última versión

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.