¿La configuración del valor por defecto para la propiedad css en la configuración de StyleManager?

Hola @angyLe el gestor de estilos simplemente crea propiedades, de una forma "ciega", y algunas de sus propiedades no afectan directamente al destino (componente/regla). En este caso, los 'valores predeterminados' son más bien una pista para mostrar al usuario cuando la propiedad no tiene valor. Por esta razón, desde un punto de vista práctico, tienes que construir tus propiedades siguiendo las especificaciones CSS y hacerlas diferentes no tiene mucho sentido.

No quería que las propiedades fueran diferentes a las especificaciones. Solo quería establecer el valor por defecto para las propiedades existentes. Por ejemplo, quiero que el ancho del cuadro de texto sea de 100px, así que cuando se añade al lienzo será de 100px. Pensé que podría configurarlo en StyleManager configurando los valores predeterminados para la propiedad ''ancho'. Pero parece que no afecta al ancho de la caja que se añadió al lienzo. ¿O estoy haciendo algo mal? ¿Cómo puedo conseguirlo?

@artf lo siento, no he entendido tu respuesta (@angyLe y yo trabajamos juntos para implementar grapesjs en nuestro sistema, así que sé cuál era la pregunta).

Cuando leo tu respuesta, tengo entendido que estás diciendo lo siguiente:

1. los valores por defecto de las propiedades no se aplican inmediatamente a nuevas instancias de componentes
2. los valores por defecto de las propiedades se muestran en el Gestor de Estilos como si se hubieran aplicado al componente, aunque en realidad no lo hayan hecho

Eso no suena bien, así que pienso que no estoy entendiendo tu respuesta, o quizás que lo estás haciendo desde una interpretación diferente de la pregunta.

Me interesaría mucho que se dijera cómo se supone que debemos usar los valores predeterminados y si así es como se comportará grapesj si usamos valores predeterminados.

El trasfondo de la pregunta tiene que ver con el modo de arrastre: absoluto. Queremos usar grapesjs para hacer diseños fijos, así que usamos grapesjs con dragMode: absolute.

Cuando hacemos eso, vemos que algunos componentes existentes, como el de texto, no funcionan bien cuando se arrastran al lienzo porque tienen por defecto width: auto y height: auto. Al escribirlo, se expandirá hacia los bordes del lienzo, que no es lo que quieres cuando usas dragMode: absoluto, y la única forma de forzar que vuelva a un tamaño fijo es arrastrar el dimensionador derecho-inferior hacia atrás desde el borde.

Para evitar esto, probamos a establecer valores por defecto para las propiedades de ancho y altura para que cualquier componente se arrastrara al lienzo con la configuración correcta.

¿Cómo podemos lograr eso de la mejor manera?