Abre la vista de otro Panel al hacer clic en el elemento de texto
la vista del panel diferente a la de StyleManager Probablemente te refieras al comportamiento en la demo, implementado por el preajuste de la página web aquí https://github.com/artf/grapesjs-preset-webpage/blob/master/src/panels/index.js#L106 Así que en tu caso, sería algo así: '''js editor.on('component:selected', ()...
Lee la respuesta completa abajo ↓Pregunta
¿Cómo puedo hacer que el evento de "clic" en textos abra la vista de un panel diferente al de StyleManager? Estoy intentando esto:
var domComps = editor. DomComponents;
var textType = editor. DomComponents.getType('text');
domComps.addType('text', {
modelo: textType.model,
view: textType.view.extend({
eventos: {
'click': función(){
editor. Panels.getButton('vistas', 'editor').set('activo', verdadero)
}
},
}),
});
editor. Panels.addButton('views',{
id: 'editorCK',
claseNombre: 'fa fa-bars',
comando: 'abrirEditor',
atributos: { título: 'Algún título'},
});
Respuestas (3)
la vista del panel diferente a la de StyleManager
Probablemente te refieras al comportamiento en la demo, implementado por el preajuste de la página web aquí https://github.com/artf/grapesjs-preset-webpage/blob/master/src/panels/index.js#L106 Así que en tu caso, sería algo así: '''js editor.on('component:selected', () => { const selected = editor.getSelected();
if (selected & selected.is('text')) { Haz cosas } });
@artf pues, lo probé y no funcionó, no está activando el botón de mi panel con el id "editorCK".
editor.on('component:selected', () => {
const selected = editor.getSelected();
const openLayersBtn = editor. Panels.getButton('vistas', 'editorCK');
if (selected & selected.is('text')) {
if(!openLayersBtn || !openLayersBtn.get('active') && selected){
const openSmBtn = editor. Panels.getButton('vistas', 'editorCK');
openSmBtn & & openSmBtn.set('active', 1);
}
}
});
! imagen
¿Creaste el comando 'abrirEditor'?
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1669
[Pregunta] El modal de enlace personalizado no actualiza el texto actual, sino que añade otro texto con enlace
Hola Artur, Estoy intentando tener un modal personalizado al pulsar el botón de enlace en RTE. Pero no convierte el texto seleccionado a en...
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 #1540
[Pregunta] ¿Es posible añadir un evento para la vista previa?
Me gustaría convertir algunos textos cuando un usuario haga clic en el botón de vista previa. por ejemplo, ((nombre)) (en el editor) deberí...
Issue #1897
[Pregunta] vista vs código
Hola... ¡Y perdón por mi inglés! Antes que nada, enhorabuena por este marco. Estoy intentando usar GrapeJS para crear mi propio editor de W...
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.