Formattazione dei messaggi: HTML e formule matematiche

AIsuru offre potenti strumenti di formattazione che permettono di arricchire le risposte del tuo Agente con HTML e formule matematiche, creando esperienze di conversazione più ricche e interattive.

Codice HTML all'interno dei messaggi

L'HTML nei messaggi viene interpretato e renderizzato automaticamente quando il messaggio viene visualizzato. Non dovrai attivare alcuna impostazione specifica: basta includere il codice HTML desiderato nella risposta dell'Agente.

Come utilizzare l'HTML all'interno del tuo Agente

Per sfruttare questa funzionalità, dovrai semplicemente inserire il codice HTML:

• Nella risposta del tuo contenuto -> in questo caso, il codice HTML sarà sempre lo stesso (utile, ad esempio, per i form);

• Nelle istruzioni -> ricorda di spiegare all'IA generativa quando e come usare il tuo codice HTML.

Una volta fatto questo, ricordati di testare per assicurarti che il tuo codice sia visualizzato correttamente. Per implementazioni più complesse, ricorda che puoi puoi aggiungere codice JavaScript e CSS negli snippet di codice eseguibili.

Esempio: mostra le immagini da un sito web

Ecco un esempio di come istruire l'Agente per mostrare le immagini che trova all'interno di una certa pagina web 👇

Quando l'utente ti chiede di vedere una foto:
1. Chiama la funzione "album_foto";
2. Leggi i nomi delle foto che ti sono restituiti dalla funzione;
3. Trova la foto che l'utente ha chiesto di vedere e ricorda il path
ed il nome del file (/img/esempio.png)
4. Rispondi includendo il codice HTML che permette all'utente di vedere la foto

Codice HTML per mostrare la foto all'utente:
<img style="max-width: 100%; height: auto;" src="XXX">

RICORDATI DI SOSTITUIRE XXX con il path assoluto dell'immagine!
Quindi non ".../img/esempio.png" ma "www.[esempio].org/img/esempio.png"

Formule matematiche

AIsuru supporta la visualizzazione di formule matematiche tramite MathJax. Puoi includere formule matematiche in due modi:

• Nei contenuti:

  • Inserisci la formula tra parentesi quadre;

  • Esempio: [E = mc^2] verrà renderizzato come una formula matematica;

  • Puoi usare la sintassi LaTeX per formule complesse: [\frac{-b \pm \sqrt{b^2-4ac}}{2a}].

• Nelle istruzioni all'IA:

  • Puoi insegnare all'IA a generare formule matematiche;

  • Specifica nelle istruzioni che deve utilizzare la sintassi LaTeX per le formule matematiche;

  • L'IA genererà le formule nel formato corretto automaticamente.

Vantaggi della formattazione avanzata

L'integrazione di HTML e formule matematiche nelle risposte dell'Agente offre numerosi vantaggi:

• Presentazione di informazioni complesse in modo strutturato e visivamente accattivante;

• Visualizzazione di formule matematiche in modo professionale e leggibile;

• Creazione di esperienze interattive direttamente all'interno della chat.

Copia dei messaggi formattati

AIsuru fornisce due pulsanti di copia che appaiono in ogni risposta:

• Copia contenuto : permette di copiare il testo del messaggio già formattato e renderizzato (solo testo).
• Copia codice sorgente : permette di copiare il testo originale con tutti i tag HTML o la formattazione Markdown.

Questa funzionalità è particolarmente utile quando:

• Hai bisogno di riutilizzare il codice HTML o Markdown;

• Devi condividere sia la visualizzazione che il codice sorgente di una risposta.

Ad esempio, quando copi una risposta di un Agente contenente un'immagine, il pulsante "Copia contenuto" copierà solo il testo descrittivo, mentre "Copia codice sorgente" includerà anche il tag HTML dell'immagine con il relativo URL.

🚀 Sfruttando questa potente funzionalità, potrai trasformare le conversazioni con il tuo Agente da semplici scambi testuali a esperienze ricche e coinvolgenti per i tuoi utenti.