¿Es posible realizar manipulación de doms a través del script de contenido del bloque?
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)
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
@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.
},
});
Por favor, usa la última versión
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #739
Consigue el modelo del elemento clonado
Antes que nada, gracias por una herramienta tan buena. Le doy un id aleatorio al elemento cuando el usuario arrastra un bloque en el editor...
Issue #1537
Componente duplicado, no estilo
Hola, Antes que nada, muchas gracias por el trabajo increíble ❤️ !! Tengo una pregunta sobre la herramienta de duplicación, así que aquí es...
Issue #1748
Cómo evitar que los elementos arrastren dentro del editor
Hola @artf Lo estás haciendo muy bien con grapesjs y es extremadamente útil hacer que nuestra funcionalidad sea más fácil de usar. Gracias...
Issue #1709
[PREGUNTA] ¿Es posible afectar el estilismo de los componentes hijos a través del gestor de estilos del componente padre?
¡Hola! Proyecto increíble y gracias por tu aportación. Me gustaría saber si es posible cambiar el estilo de un componente hijo a través del...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.