L’editor del codice sorgente consente di modificare l’origine HTML degli articoli e dei blocchi di contenuti per il centro assistenza. Ciò ti consente di personalizzare e definire lo stile dei contenuti centro assistenza in modi che non sono possibili usando l’editor WYSIWYG standard.
Modifica il codice sorgente dell’articolo
Puoi personalizzare gli articoli centro assistenza usando l’editor del codice sorgente degli articoli per modificare il codice HTML degli articoli.
- Nel centro assistenza o nell’amministratore Guide, crea o modifica un articolo o 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 da usare. Per un elenco degli elementi supportati, consulta HTML supportato per gli articoli centro assistenza .
- Fai clic su Applica per salvare le modifiche e chiudere la vista del codice sorgente.
Pulisci gli stili nel codice sorgente dell’articolo
Quando copi e incolli i contenuti da una pagina HTML nell’articolo della guida, potresti avere stili indesiderati che intasano 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 degli articoli. Il pulsante Pulisci stili non influisce sulle classi CSS o sui temi, né sugli stili incorporati necessari per l’editor degli articoli (ad esempio, font in primo piano e sfondo e altezza e larghezza delle celle delle tabelle).
- Nel centro assistenza o nell’amministratore Guide, crea o modifica un articolo o 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 contenitore vuoti, come i
o span
. Questi elementi in genere devono contenere contenuto per il rendering. Zendesk non rimuove il vuoto p
tag. Al contrario, 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, style
Gestione 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 centro assistenza . Di conseguenza, gli articoli potrebbero non essere visualizzati come previsto.
Consenti HTML non sicuro negli articoli
Puoi sostituire l’impostazione predefinita per consentire HTML non sicuro negli articoli 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 Mostra 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. L’HTML non supportato viene gestito in modo diverso, a seconda che tu stia modificando un blocco di contenuti o un articolo centro assistenza .
Se stai modificando un blocco di contenuti, i blocchi HTML riconoscono i contenuti non supportati e li racchiudono in un blocco HTML. Puoi fare clic sul blocco HTML nell’editor blocco di contenuti per aprire un editor di codice sorgente che visualizza solo il codice per quel blocco. Puoi usare questa vista mirata per modificare l’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, il 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 classi CSS correlate per applicare uno stile HTML negli articoli centro assistenza . Le classi CSS devono essere definite nel tema centro assistenza . Per ulteriori informazioni, consulta Personalizzazione del tema del centro assistenza.
Quando crei regole CSS per il tema centro assistenza , evita di usare selettori nidificati, come div.container > p > img
. Tali regole sono difficili da mantenere e possono prendere di mira elementi indesiderati. Usa invece i selettori che danno direttamente uno stile a una classe, come .container-image
. Quindi aggiungi direttamente la classe agli elementi HTML interessati usando class
elemento. Ad esempio: <img
class="container-image" ...>
Evita di usare style
per applicare lo stile in linea agli elementi HTML. Lo stile in linea è difficile da mantenere e può risultare in 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.
0 commenti