Establecer el radio de la frontera con un valor 'em'.
¿Cómo se inicia o actualiza el Style Manager?
Lee la respuesta completa abajo ↓Pregunta
Hola
Estoy intentando usar grapesjs para un proyecto que necesita escalar a la pantalla. Tengo cosas como márgenes y fuentes que funcionan bien, pero quiero que el usuario solo especifique el radio del borde en unidades EM para que también escalen.
Esto requeriría que las opciones para las unidades en los distintos radios de entrada de frontera incluyeran 'em' como opción. He conseguido cambiar la lista de unidades para el tamaño de la fuente (eliminando todas menos las de ella), pero no consigo hacerlo para el radio.
¿Alguien ha conseguido esto ya y puede compartirlo conmigo?
¡Gracias
Darren B.
Respuestas (3)
¿Cómo se inicia o actualiza el Style Manager?
Hola. Así (para las tipografías)
editor.on('load', function () {
....
styleManager = editor. StyleManager;
fontSize = styleManager.getProperty('tipografía', 'font-size');
unidades = ["em"];
fontSize.set ('units', units);
styleManager.render();
....
}
En el caso anterior, quiero que sean la única opción de tamaño. Necesito hacer lo mismo con el ajuste de radio porque todo necesita escalar relativamente.
¡GraciasVale, si actualizas vía API puedes hacer esto: '''js const sm = editor. StyleManager; Por configuración predeterminada, grapesjs tiene 2 propiedades de 'radio de borde', 1 para todos los lados y otra de tipo 'composite' con 4 entradas, así que 'getProperty' devolverá un array con 2 tipos. Estoy eligiendo el segundo porque es un poco más complejo luego la primera (una entrada sencilla) const brProperty = sm.getProperty('decoraciones', 'radio de frontera')[1]; Ahora tienes que actualizar las propiedades internas ('borde-arriba-izquierda-radio', ...) brProperty.get('properties').forEach(property => property.set('units', ['em']))
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #921
[PREGUNTA] Selecciona y enfoca un elemento html desde un botón de panel
Hola a todos, ¿Es posible establecer el enfoque en un HTML de sección con Grapes, como un ancla? Tengo un botón de panel y solo selecciona...
Issue #2814
[PREGUNTA] Botón de panel personalizado que activa/deshabilita dinámicamente los scripts de usuario
Hola y gracias por compartir un proyecto tan bueno. Estoy intentando personalizar algunas cosas en el editor, pero tengo algunas preguntas...
Issue #3412
El guardado automático funciona parcialmente y deja de funcionar tras insertar texto
Hola a todos. Estoy usando este proyecto increíble para una aplicación de producción escrita con React.js, así que lo integré dentro de mi...
Issue #2170
[PREGUNTA] Componente personalizado: cómo configurar el editable como verdadero
Hola, he creado un tipo de componente personalizado, pero estoy teniendo algunos problemas para hacerlo editable. El componente es un "span...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.