🔤 Ejemplo: Límite de Caracteres para Preguntas
💡 Funcionalidad: Este ejemplo demuestra cómo limitar la entrada de texto en el chat para controlar la longitud de las preguntas del usuario.
✨ Características implementadas:
- Límite configurable: Establecer un número máximo de caracteres (por defecto: 500)
- Contador visual: Muestra cuántos caracteres se han usado (ej: 45/500)
- Validación en tiempo real: El botón de envío se deshabilita cuando se excede el límite
- Indicador visual: El input cambia de color cuando se excede el límite
- Prevención de envío: No se pueden enviar mensajes que excedan el límite
- Configuración dinámica: Cambiar el límite después de la inicialización
📝 Código de Ejemplo
// Inicialización con límite personalizado
const chatBot = new ChatBot({
baseUrl: 'https://api.example.com',
apiKey: 'your-api-key',
options: {
maxQuestionLength: 300 // Límite de 300 caracteres
}
});
// Cambiar límite después de la inicialización
chatBot.setMaxQuestionLength(200);
// Obtener límite actual
const currentLimit = chatBot.getMaxQuestionLength();
console.log('Límite actual:', currentLimit);
🎯 Casos de Uso
- Control de costos: Limitar la longitud para reducir el consumo de tokens en APIs de IA
- Mejora de UX: Forzar preguntas más concisas y directas
- Prevención de spam: Evitar mensajes excesivamente largos
- Optimización de rendimiento: Reducir el tiempo de procesamiento
- Consistencia: Mantener un formato estándar en las consultas