HAZAÑA: ¿cómo redimensionar el inicio y el final en modo absoluto?
Pregunta
Hola, querido
Estoy probando algo como "redimensionar:inicio/fin" en AbsoluteMode con styleable:change:width/height.
¿Puedes ayudarme?
Respuestas (2)
Esta obra:
editor.on("change:canvasOffset", (model) => {
var component = editor.getSelected();
si (!component) return;
var redimensionamiento = editor. Canvas.getBody().classList.contains("gjs-redimensioning");
si (redimensionamiento && !component.get("redimensioning")) {
component.set ("redimensionando", 1);
console.log(component.get("type") + " redimensionar inicio");
} si no si (!redimensionamiento && !! component.get("redimensioning")) {
component.set ("redimensionando", 0);
console.log(component.get("type") + "redimensionar fin");
Actualizo el stylemanager
editor.trigger("component:toggled");
}
});
Gracias por informar de esto, @alemenciones.
Buena pregunta sobre FEAT: ¿cómo redimensionar el inicio y el final en modo absoluto?. El enfoque recomendado con StyleManager es usar la API orientada a eventos.
Empieza aquí:
- Consulta la documentación de GrapesJS de tu módulo específico
- Busca el método del oyente de eventos 'on()'
- La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes
Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));
Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));
**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3383
¿Es posible incluir el estilo en el html?
Actualmente estoy usando grapesjs para crear plantillas de correo, pero cuando importo HTML con la <style> etiqueta ya dentro, antes de que...
Issue #3255
Gestor de Estilo Personalizado
Hola @artf Estoy intentando cambiar el tipo y los valores de entrada de la propiedad de pantalla de esta manera -: Pero en el estilo de But...
Issue #3380
Propiedades predeterminadas no seleccionadas en StyleManager
Hola querida, ¿puedes saber por qué no se selecciona las propiedades predeterminadas en el administrador de estilos? ¿Qué evento puedo acti...
Issue #3184
[Pregunta] Haz clic en el problema sobre cómo integrar el plugin grapesjs-style-bg en el creador web
Estoy usando la versión de GrapesJS (0.16.27) y he integrado el plugin grapesjs-style-bg en el editor. La funcionalidad funciona perfectame...
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.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
Tutorial
Find the Right GrapesJS Plugin in Seconds: Smarter Discovery Is Live
We're shipping a set of discovery upgrades. New label filters, a proper compatibility switch for GrapesJS vs Studio, one-click and a smarter sort bar.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.