Añadir <Style> etiqueta en objetos de contenido de bloque (no una cadena)
'''js Contenido: { script: function(){ console.log("¡Estoy arrastrado!") }, componentes: '...', // usan componentes en lugar de contenido } ``` Por cierto, creo que, en tu caso, un componente personalizado es más apropiado
Lee la respuesta completa abajo ↓Pregunta
- Navegador = Chrome
- GrapesJS = Última versión (0.14.52)
Estoy intentando crear un objeto de contenido que incluya anidamiento de bloques con propiedades script, style, type. Funciona bien salvo añadir <style>la etiqueta **** al contenido.
Descendencia
Si creo contenido de bloque como una Cadena como opción (A) como se indica abajo, CSS va al editor de CSS. Pero si creo contenido de bloque como un objeto como opción (B), CSS permanece en el editor HTML. ( No estoy seguro de que esto sea un error o no )
Aquí, lo que quiero lograr es I quiero crear bloques como opción (B), pero espera que CSS esté en CSS editor.
opción (A)
Bloqueos: [
{
id: 'enlace',
etiqueta: 'Enlace',
categoría: 'Básico',
atributos: {
Clase: 'FA FA-Link'
},
contenido: '<a class="mylink-one" href="#">Esto es un enlace</a>
<a class="milink-dos" href="#">Esto es un enlace</a>
<style>.mienlace-uno{color:red;}. mylink-two{color:skyblue;}</style>`,
}
]
opción (B)
Bloqueos: [
{
id: 'enlace',
etiqueta: 'Enlace',
categoría: 'Básico',
atributos: {
Clase: 'FA FA-Link'
},
Contenido: {
script: function(){
console.log("¡Estoy arrastrado!")
},
Tipo: 'Enlace',
contenido: '<a class="mylink-one" href="#">Esto es un enlace</a>
<a class="milink-dos" href="#">Esto es un enlace</a>
<style>.milink-uno{color:skyblue};. mienlaz-dos{color:teal}</style>',
}
}
]
¿Por qué quiero esto? Porque tengo un CSS en línea y códigos JavaScript personalizados para añadir al bloque (cuando el usuario arrastra al lienzo).
English no es mi lengua materna; ¡Disculpad mi error explanation.
Respuestas (2)
'''js Contenido: { script: function(){ console.log("¡Estoy arrastrado!") }, componentes: '...', // usan componentes en lugar de contenido }
Por cierto, creo que, en tu caso, un componente personalizado es más apropiado
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.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1733
Cómo eliminar la etiqueta de script que se añade mediante el script de añadir bloques
Hola @artf Quiero exportar contenido html final/basado en producción excluyendo el script (solo que se añade con el gestor de bloques). Sup...
Issue #1692
Bloques de contenido no cambiables predefinidos
¿Es posible crear bloques de contenido predefinidos con datos que introduzcas desde tu backend y que el usuario no pueda cambiar, solo colo...
Issue #1611
Etiqueta de script crear error JSON
Hola. Estoy creando bloques en Grapesjs y necesito usar JS en ellos para el efecto de hover y más... Todo funciona bien para la creación, a...
Issue #525
Ejemplo de local2 para el almacenamiento que no funciona
Usando el código proporcionado en la documentación. https://github.com/artf/grapesjs/wiki/API-Storage-Manager en ejemplos de "añadir". Esto...
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.