Soporte para editores de código

Y una opción es desactivar el gestor de estilos, ya que en el mundo real, si no es un técnico, no entenderá el estilo CSS y el estilo es demasiado complicado, y para el desarrollador frontend, sin editor de código, es demasiado difícil de trabajar, si quieres una página real y bien diseñada y responsiva, Estos estilos en línea causarán muchos problemas. Hay muchos cuadros lo suficientemente buenos como para evitar usar cualquier estilo en línea, por ejemplo tailwindcss.

Además, solo quiero establecer alguna regla en un nivel particular de etiqueta que sea seleccionable y editable visualmente, pero más allá de la regla el visual no lo cambiará; alternativamente, podemos seleccionarlo en el editor de código y editar directamente por código de fila. Por ejemplo, solo la página raíz .page debajo del cuerpo puede arrastrarse para ordenar y soltarla.

Esto podría ser un buen candidato para un plugin https://grapesjs.com/docs/modules/Plugins.html