L’editor del codice sorgente permette di modificare il codice sorgente HTML di articoli e blocchi di contenuti per il centro assistenza. Ciò ti consente di personalizzare i contenuti del centro assistenza in modi che non sarebbero possibili usando l’editor WYSIWYG standard.
Modifica il codice sorgente dell’articolo
Puoi personalizzare gli articoli del centro assistenza usando l’editor del codice sorgente degli articoli per modificare il codice HTML degli articoli.
- Nel centro assistenza o nell’amministratore di Guide, crea o modifica un articolo o un blocco di contenuti.
- Nell’articolo o nel blocco di contenuti, fai clic sull’icona del codice sorgente (
) nella barra degli strumenti. - Nell’editor del codice sorgente, crea o modifica il codice sorgente che vuoi usare. Per un elenco degli elementi supportati, consulta HTML supportato per gli articoli del centro assistenza .
- Fai clic su Applica per salvare le modifiche e chiudere la vista del codice sorgente.
Definisci gli stili nel codice sorgente dell’articolo
Quando copi e incolli i contenuti da una pagina HTML in un articolo della guida, potresti avere stili indesiderati che ingombrano il codice sorgente dell'articolo e compromettono la coerenza del centro assistenza. Puoi usare il pulsante Pulisci stili nell’editor del codice sorgente per eliminare gli stili incorporati che non sono essenziali per il funzionamento dell’editor di articoli.
- Nel centro assistenza o nell’amministratore di Guide, crea o modifica un articolo o un blocco di contenuti.
- Nell’articolo o nel blocco di contenuti, fai clic sull’icona del codice sorgente () nella barra degli strumenti.
Si apre l’editor del codice sorgente, che mostra tutto il codice e gli stili incorporati.
- Nell’editor del codice sorgente, fai clic su Pulisci stili.
Gli stili incorporati non supportati vengono rimossi dalla vista del codice sorgente.
- Fai clic su Applica per salvare le modifiche e chiudere la vista del codice sorgente.
- Fai clic su Salva per salvare le modifiche.
Considerazioni importanti sulla modifica del codice sorgente
Elementi contenitore HTML vuoti
Zendesk rimuove automaticamente la maggior parte degli elementi contenitori vuoti, come i oppure span. Questi elementi in genere devono includere contenuto per il rendering. Zendesk non rimuove i vuoti p tag. Zendesk inserisce come contenuto dell’elemento. Esempio:
<p> </p>HTML non sicuro
Per impostazione predefinita, Zendesk considera non sicuri i seguenti elementi HTML.
applet, button, embed, form, input, object, script, textarea, styleGestione di HTML non sicuro negli articoli
Per gli articoli, l’editor del codice sorgente non rimuove gli elementi HTML non sicuri o gli attributi HTML non supportati. Sono invece esclusi dalle risposte HTTP usate per il rendering degli articoli del centro assistenza. Di conseguenza, gli articoli potrebbero non essere visualizzati come previsto.
Consentire HTML non sicuro negli articoli
Puoi ignorare l’impostazione predefinita per includere HTML non sicuro negli articoli del centro assistenza.
Avviso: Questa modifica consentirà l’esecuzione di codice potenzialmente dannoso quando gli utenti aprono un articolo in un browser.
Per consentire HTML non sicuro nelle risposte HTTP
- In Guide, fai clic sull’icona Impostazioni (
) nella barra laterale. - In Sicurezza, seleziona l’opzione Visualizza contenuto non sicuro .
- Fai clic su Aggiorna.
Gestione di HTML non sicuro nei blocchi di contenuti
Per i blocchi di contenuti, l’editor del codice sorgente rimuove gli elementi HTML non sicuri e gli attributi non supportati. Il contenuto di un elemento non sicuro viene inserito in a p come descritto in HTML sconosciuto.
HTML sconosciuto
Gli elementi HTML non supportati sono considerati sconosciuti. Il codice HTML non supportato viene gestito in modo diverso a seconda che tu stia modificando un blocco di contenuti o un articolo del centro assistenza.
Se stai modificando un blocco di contenuti, i blocchi HTML riconoscono il contenuto non supportato e lo racchiudono in un blocco HTML. Puoi fare clic sul blocco HTML nell’editor dei blocchi di contenuti per aprire un editor di codice sorgente che visualizza solo il codice per quel blocco. Puoi usare questa vista mirata per manipolare il codice HTML del contenuto selezionato senza scorrere il codice sorgente per l’intero blocco di contenuti. Consulta Uso di blocchi HTML per modificare il codice nei blocchi di contenuti.
mytag elemento.<mytag>Hello world!</mytag>Nelle risposte HTTP usate per il rendering del centro assistenza, l’estensione mytag viene rimosso. Il suo contenuto viene invece inserito in a p elemento.
<p>Hello world!</p>Stile HTML negli articoli della guida
Ove possibile, Zendesk consiglia il class e le relative classi CSS per definire lo stile HTML negli articoli del centro assistenza. Le classi CSS devono essere definite nel tema del centro assistenza. Per ulteriori informazioni, consulta Personalizzazione del tema del centro assistenza.
Quando crei regole CSS per il tema del tuo centro assistenza, evita di usare selettori nidificati, come div.container > p > img. Tali regole sono difficili da mantenere e possono prendere di mira elementi non desiderati. Usa invece i selettori che definiscono direttamente una classe, come .container-image. Quindi aggiungi direttamente la classe agli elementi HTML interessati usando il file class elemento. Ad esempio:
Evita di usare style per applicare lo stile incorporato agli elementi HTML. Lo stile incorporato è difficile da mantenere e può dare origine a uno stile incoerente.
Avvertenza sulla traduzione: questo articolo è stato tradotto usando un software di traduzione automatizzata per fornire una comprensione di base del contenuto. È stato fatto tutto il possibile per fornire una traduzione accurata, tuttavia Zendesk non garantisce l'accuratezza della traduzione.
Per qualsiasi dubbio sull'accuratezza delle informazioni contenute nell'articolo tradotto, fai riferimento alla versione inglese dell'articolo come versione ufficiale.