Migrar textAngular / ui-tinymce / ng-ckeditor a Angular moderno
textAngular, ui-tinymce y ng-ckeditor enlazaban un editor WYSIWYG a ng-model. Los envoltorios están atados a AngularJS y normalmente cargan una versión mayor antigua del editor subyacente.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| TinyMCE (@tinymce/tinymce-angular) | Cuando usabas ui-tinymce: el mismo editor en una versión actual, con componente oficial para Angular. |
| CKEditor 5 (@ckeditor/ckeditor5-angular) | Cuando usabas ng-ckeditor; ten en cuenta que CKEditor 5 es una reescritura de CKEditor 4, con otro modelo de plugins y configuración. |
| Quill (ngx-quill) | Un editor de código abierto más liviano cuando solo necesitas formato básico; un reemplazo habitual de textAngular. |
Cómo migrarla
- Reúne muestras del HTML que ya está guardado en tu base de datos; el editor nuevo debe cargarlo y guardarlo sin dañarlo.
- Elige el editor revisando los términos de su licencia y las funciones de la barra que tus usuarios usan de verdad.
- Envuélvelo en un componente compartido conectado a los formularios con ControlValueAccessor, y reemplaza los usos pantalla por pantalla.
Cuidado con. Cada editor normaliza el HTML a su manera. Abre contenido antiguo en el editor nuevo, guárdalo sin cambios y compara el resultado antes de salir a producción.
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