114 Como Instalar CKEditor 5 para el formulario Historial Clínico con LARAVEL(PHP-MySql) FullStack
Duración: 18 min¡Contenido Exclusivo!
Adquiere este curso para tener acceso inmediato a esta y a **todas las lecciones Premium**.
Inscribirse Ahora por $20.00 Acceso instantáneo de por vida y código fuente incluido.Descripción
💉 Lección 114: Finalizando el Registro del Historial Clínico
Esta lección cubre la instalación del editor de texto enriquecido CKEditor 5 para mejorar el campo de diagnóstico, y finaliza la lógica de la función Store para guardar un nuevo registro de historial clínico en la base de datos de forma segura, asignando el doctor que inició sesión.
1. ✍️ Instalación de CKEditor 5 para Detalle [00:00]
Para que el doctor pueda registrar un diagnóstico y detalle de la cita de forma organizada (con negritas, listas, colores, etc.), se integra un editor de texto avanzado.
A. Integración del Editor [00:42]
- Librería: Se utiliza CKEditor 5, una herramienta que convierte un textarea simple en un editor de texto enriquecido (WYSIWYG).
- Instalación CDN: Se copia el link CDN del editor y se pega en el layout principal (layout/admin.blade.php), dentro de la etiqueta <head> [02:11].
- Activación: Se añade el script de inicialización del editor en la vista create.blade.php, justo después del textarea [03:06]. Esto permite al doctor dar formato al texto, cambiar el color o el tamaño de la fuente, lo cual es útil para diferenciar el diagnóstico de las recetas [09:17].
B. Diseño del Formulario Final [04:21]
Se ajusta el layout del formulario en create.blade.php:
- Fecha de la Cita: Se añade un campo de tipo date con el name fecha_visita, que por defecto ya trae la fecha actual [07:19].
- Detalle: El campo del diagnóstico ahora usa el editor enriquecido con el name detalle [09:56].
2. 💾 Lógica de Almacenamiento (Store) [10:42]
La función Store en el HistorialController es responsable de recibir los datos del formulario y guardarlos en la tabla historiales.
A. Recepción y Asignación de Datos
Se crea una nueva instancia del modelo Historial y se asignan los valores recibidos:
- detalle: Se recibe el contenido del CKEditor, el cual incluye las etiquetas HTML (negritas, colores, etc.) [12:19].
- fecha_visita: Se recibe la fecha seleccionada por el doctor [12:31].
- paciente_id: Se recibe el ID del paciente seleccionado en el campo select [12:45].
B. Asignación del Doctor (Seguridad) [13:42]
El paso más crítico es asegurar que el registro se asocie al doctor que está creando el historial, para lo cual se utiliza la autenticación de Laravel:
- ID de Usuario: Se obtiene el ID del usuario actualmente autenticado: Auth::user()->id [14:18].
- ID del Doctor: Dado que en este sistema el doctor es también un usuario, se utiliza el ID de ese usuario para llenar el campo doctor_id del historial [16:10].
- Guardado: Una vez asignados todos los valores, se llama al método $historial->save() para persistir el registro en la base de datos [16:38].
- Redirección: Finalmente, el sistema redirige al usuario a la vista de listado (admin.historial.index) con un mensaje de éxito [16:49].
Con este paso, el doctor ya puede registrar y guardar nuevos historiales clínicos para los pacientes, incluyendo todos los detalles de la consulta.
➡️ Próximo Paso [18:21]
El próximo capítulo se enfocará en el listado del historial clínico, implementando el filtro de seguridad para que cada doctor solo vea los registros que ha creado y definiendo las acciones de la tabla (ver, editar, imprimir).
Lecciones
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️
