Estoy trabajando en un proyecto de Django y me gustaría incorporar una biblioteca de componentes de interfaz de usuario patentada que mi empresa creó en mi aplicación. La biblioteca tiene clases de utilidad CSS para posicionamiento, fuente, margen, relleno, etc. (similar a Tailwind o Bootstrap). Estos son lo suficientemente simples como para ponerlos en una plantilla de Django sin sobrecarga.

Sin embargo, tengo problemas para usar los componentes de formulario/entrada de la biblioteca (que se basan en datos JSON y HTML).

 # html <custom-select id="multiple-select-example" label="State" placeholder="Choose your state." multiple ></custom-select> # js var multipleSelect = document.getElementById("multiple-select-example"); multipleSelect.options = [{ text: "Pennsylvania", value: "PA" }, { text: "California", value: "CA" }, { text: "Texas", value: "TX" }];

En el vacío, es bastante fácil usar la etiqueta "json_script" de Django para cargar JSON directamente en '.options' y procesar la entrada de datos del usuario en JS. Pero siento que esto pierde algunos de los beneficios de usar los formularios integrados de Django (validación, serialización, etc.). ¿Cómo obtengo lo mejor de ambos mundos? ¿Tengo que crear campos de formulario personalizados en Django? ¿O widgets personalizados con recursos multimedia? No sé qué hacer, todo lo que hago es desordenado.

Por favor ayuda.