Añadir un script externo en script mientras creas un nuevo componente
@HarshOB https://github.com/artf/grapesjs/wiki/Components-&-JS#template-related
Lee la respuesta completa abajo ↓Pregunta
Hola @artf
¿Cómo puedo pasar un enlace de script externo mientras creo un componente? así,
bm.add('test-block2', { etiqueta: 'Test block2', Atributos: {Clase: 'FA FA-TEXTO'}, Contenido: { script: '<script src="https://cdn.ckeditor.com/4.6.2/full/ckeditor.js"></script>CKEDITOR.replace( \'editor1\' )', Contenido: '<Nombretextarea="editor1"></textarea>' } });
Ahora mismo muestra un error como el token inesperado '<'
Respuestas (3)
Mueve la etiqueta 'script' para importar CKEditor en la página html y simplemente llama al script dentro del bloque.
Javascript de alguna manera no permite la etiqueta final de script ("</script>") con la cadena in. Así que simplemente cambia el código para que sea: 'script: '<script>alert("Hola");<' + '/script>' `
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #792
La propiedad de script usando función no funciona con bloques
En la documentación de Componentes & JS hay este ejemplo: Esto funciona perfectamente. Pero no podría usar una función en lugar de una cade...
Issue #634
¿Cómo puedo pasar contenido con script?
Hice componentes personalizados así y también usé scripts '''js bm.add('test-block', { etiqueta: 'Bloque de prueba', atributos: { Clase: 'F...
Issue #1584
No obtengo el script de bloque de editor.getComponents()
A continuación está el componente que voy a añadir.this.editor.BlockManager.add('dob-mmyy-pii', { id: 'dob-mmyy', etiqueta: 'FECHA DE NACIM...
Issue #1471
[Pregunta] Gestor de bloques e imagen
¡Hola! Uso este código para añadir un nuevo bloque: blockManager.add("image", { etiqueta: 'Image', categoría: 'Básico', atributos: { clase:...
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.