Migrar ui-codemirror / ui-ace a Angular moderno
ui-codemirror y ui-ace enlazaban los editores CodeMirror y Ace a ng-model mediante directivas con un objeto de opciones. Ambos envoltorios están atados a AngularJS.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| CodeMirror 6 | Modular y liviano; crea la vista del editor dentro de un componente propio. |
| Monaco Editor (ngx-monaco-editor-v2) | Cuando necesitas la experiencia de edición de VS Code: IntelliSense, vista de diferencias, muchos lenguajes. |
| Ace (ace-builds) | Cuando usabas ui-ace y quieres conservar el mismo editor, con sus modos y temas. |
Cómo migrarla
- Lista los lenguajes, temas y opciones en uso, además de cualquier modo propio o autocompletado.
- Envuelve el editor elegido en un componente que implemente ControlValueAccessor.
- Carga ese componente de forma diferida, para que el código del editor se descargue solo en las pantallas que lo usan.
Cuidado con. CodeMirror 6 es una reescritura: las opciones, los modos y los temas de CodeMirror 5 no se trasladan, y la configuración se hace con extensiones. Los modos propios hay que portarlos.
Otras librerías
¿Planeas una migración o una plataforma de microfrontends?
En una llamada de 20 minutos me cuentas tu situación y te digo cómo la abordaría. Si todavía no vale la pena, también te lo digo.
Escríbeme por LinkedIn