Gestor de activos por defecto en un componente personalizado
@krunal039 ¿Por qué necesitas un componente personalizado? Tu plantilla parece bastante sencilla, ¿qué tal solo un bloque sencillo? '''js editor. BlockManager.add('your-block', { etiqueta: 'Custom Block', contenido: '<div class="row-class"> <div class="column-class"> <img src="..." /> </div> ... '</div> }) ```
Lee la respuesta completa abajo ↓Pregunta
Estoy en proceso de crear un componente personalizado para la plantilla de abajo y queremos que el usuario introduzca texto, enlace, pase el cursor y seleccione imagen; queremos usar el gestor de activos predeterminado para seleccionar imagen, pero no sabemos cómo conseguir que la imagen seleccionada sea en un componente personalizado. a continuación está el código que he usado
`
view: defaultType.view.extend({
init() {
this.listenTo(this.model, 'active', this.doStuff); Escuchar el evento activo
},
doStuff() {
editor.runCommand('open-assets', {
objetivo: editor.getSelected()
});
}
});`
! [muestra](https://user-images.githubusercontent.com/11716808/32366985-61acb146-c078-11e7-86b0-c8f7fd4c5368.png)Respuestas (3)
@krunal039 ¿Por qué necesitas un componente personalizado? Tu plantilla parece bastante sencilla, ¿qué tal solo un bloque sencillo? '''js editor. BlockManager.add('your-block', { etiqueta: 'Custom Block', contenido: '<div class="row-class"> <div class="column-class"> <img src="..." /> </div> ... '</div> })
@artf gracias por responder, necesitamos la entrada del usuario para el paso del cursor, la imagen de fondo y el texto y el hipervínculo al final, y pensamos en usar un componente personalizado, pero si podemos pedirle al usuario que lo introduzca arriba, entonces encantado de crear solo un bloqueo, ¿podrías por favor guiarme en la dirección correcta? Llevo 4-5 días luchando.
Intenta crear un bloque con tu plantilla, arrástralo dentro del lienzo y podrás cambiar todo eso
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1639
[Pregunta]: ¿Sería posible cambiar la configuración en el gestor de estilos de forma que tenga href cuando se crea un enlace?
Estoy usando un boletín predefinido con RTE integrado (no quiero usar el editor CK como en la demo) Para convertir cualquier texto en enlac...
Issue #1449
Asset Manager aparece para cada componente
¿Hay alguna razón por la que el gestor de activos por defecto aparezca por cada componente añadido? Lo hace para columnas, texto, etc.
Issue #460
Cuando la vista del componente modifica el HTML, los componentes de texto ya no son editables
Estoy intentando crear un componente personalizado que contenga algo de texto lorem ipsum en el contenido, para editarlo una vez que esté e...
Issue #513
Edición de modelo y HTML devuelta
Tengo el código de abajo para crear un componente personalizado y quiero recuperar html actualizado vía editor.html(), pero si devolvo HTML...
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.