Quando passi al nuovo editor di articoli, potresti riscontrare problemi con immagini e video, come spazio extra, assenza di bordi o video non visualizzati correttamente.

Questo articolo tratta:

  • Risolvi i problemi con le immagini
  • Risolvi i problemi con i video

Risolvi i problemi con le immagini

Aggiungi bordi alle immagini

Il nuovo editor di articoli non assistenza i bordi delle immagini basati su tabelle usati nell’editor legacy. Per aggiungere bordi, usa le opzioni di stile dell’immagine o applica una classe CSS personalizzata alle immagini.

Per aggiungere bordi alle immagini con una classe CSS:

  1. Inserisci l’immagine nell’articolo
    Aggiungi immagine
  2. Fai clic sul pulsante HTML nella barra degli strumenti per aprire l’editor del codice sorgente
    Icona del codice sorgente
  3. Trova il img per l’immagine nel codice sorgente. Aggiungi il nome di una classe CSS, ad esempio bordered-image. Imposta class="bordered-image" il img elemento.
  4. Salva le modifiche
  5. Assicurati che il codice CSS del centro assistenza includa lo stile del bordo. Ad esempio:
.bordered-image {
  border: 1px solid #ccc;
  border-radius: 4px;
}
Per aggiungere bordi alle immagini con stili incorporati:
  1. Inserisci l’immagine nell’articolo
    Aggiungi immagine
  2. Fai clic sul pulsante HTML nella barra degli strumenti per aprire l’editor del codice sorgente
    Icona del codice sorgente
  3. Nella fonte, trova il file img elemento per l’immagine. Individua il style="" attribuire o aggiungerlo.

  4. Aggiungi qui gli stili di bordo, ad esempio:

    border-radius: 8px; border: 10px solid black;

  5. Il style dovrebbe apparire

    style="aspect-ratio: 1600/1067; border: 10px solid black; border-radius: 8px;"
  6. Salva le modifiche

Impedisci la distorsione dell’immagine e gestisci le dimensioni dell’immagine

  • Non ridimensionare le immagini nel nuovo editor di articoli a meno che non sia necessario. Se ridimensioni un’immagine, cambia solo una dimensione, larghezza o altezza, per mantenere le proporzioni. L’editor ridimensiona automaticamente l’altra dimensione.
  • Usa uno strumento esterno, come Photoshop, GIMP o un editor online, per ridimensionare le immagini prima di caricarle
  • Usa il pulsante Inserisci immagine anziché copia e incolla. Copia e incolla possono aggiungere attributi HTML indesiderati.
  • Imposta le immagini al 100% di larghezza per impostazione predefinita:
    • Dopo aver inserito un’immagine, selezionala e usa la barra degli strumenti dell’immagine per impostare la larghezza su 100%
    • Per una soluzione globale, aggiungi questo CSS al tema del centro assistenza :
.article-body img {
  width: 100%;
  height: auto;
}
  • Se le immagini appaiono distorte nelle email di notifica:
    • Rimuovi gli attributi HTML di larghezza e altezza da <img> tag
    • Usa CSS per impostare le dimensioni, ma alcuni client email eliminano gli attributi CSS
    • Per le immagini incollate, assicurati che l’editor rimuova gli attributi HTML di larghezza e altezza e usi CSS per le dimensioni

Ulteriori suggerimenti e soluzioni

  • Se fai parte di un Programma di accesso anticipato, segnala gli articoli specifici e concedi l’accesso all’account per le indagini
  • Se non gestisci il tema del centro assistenza , contatta l’amministratore o lo sviluppatore del tema per richiedere modifiche CSS
  • Testa le modifiche in un ambiente di test prima di applicarle in tempo reale
  • Svuota la cache del browser dopo aver apportato modifiche al CSS o al tema per vedere gli aggiornamenti più recenti
  • Per le migrazioni su larga scala:
    • Usa gli strumenti per sviluppatori del browser per trovare le tabelle dei problemi e accelerare il processo di revisione
    • Apporta modifiche manuali a ciascun articolo interessato. Non sono disponibili strumenti di migrazione o correzione in blocco.

Questi passaggi risolvono la maggior parte dei problemi di visualizzazione di immagini e video dopo il passaggio dall’editor legacy al nuovo editor di articoli. Ti aiutano a mantenere un aspetto coerente e professionale negli articoli del centro assistenza .

Risolvi i problemi con i video

Se passi dall’editor legacy al nuovo editor di articoli, i video incorporati potrebbero apparire in modo diverso negli articoli centro assistenza . Questa sezione mostra come visualizzare correttamente i video incorporati, in particolare con codici di incorporamento personalizzati o piattaforme video non standard.

Per visualizzare correttamente i video incorporati:

  • Attiva l’impostazione Mostra contenuti non sicuri nelle impostazioni di amministrazione centro assistenza
  • Questa impostazione consente il rendering di iframe e script negli articoli
  • In caso di problemi di sicurezza, consulta il team IT o di sicurezza prima di attivare questa impostazione perché ha implicazioni sulla sicurezza

Solo i codici di incorporamento basati su iframe sono supportati per gli incorporamenti di video nel nuovo editor di articoli. Altri metodi, come tag di script, link diretti o tag div personalizzati, non sono supportati e non vengono visualizzati nell’editor o negli articoli pubblicati.

Puoi inserire un video incorporato in due modi:

  • Fai clic su Inserisci nell’articolo > Incorpora nella barra degli strumenti
    Incorpora opzione nella barra degli strumenti
  • Incolla un codice di incorporamento iframe direttamente nel codice sorgente dell’articolo
    • Se i tuoi articoli usavano incorporamenti non iframe, aggiornali per usare codici di incorporamento basati su iframe del tuo provider video
    • Se hai già usato gli iframe, attiva Mostra contenuti non sicuri in modo che vengano visualizzati senza aggiornare ciascun articolo

Regola le dimensioni del video

Il nuovo editor di articoli potrebbe impostare i video incorporati su 100% di larghezza per impostazione predefinita. Per cambiare le dimensioni, usa gli attributi di larghezza CSS e non HTML:

.article-body iframe {
  width: 50% !important;
}
Attenzione: Non modificare la larghezza del video direttamente nell’editor HTML. Il nuovo editor di articoli potrebbe sovrascrivere la modifica.

Se i video appaiono come miniature piccole o non vengono visualizzati come previsto:

  1. Verifica che l’opzione Mostra contenuti non sicuri sia attivata
  2. Assicurati di usare un codice di incorporamento basato su iframe
  3. Se il problema persiste, segnalalo con i dettagli del codice da incorporare e gli screenshot al contatto assistenza o al product manager

Per maggiori informazioni, consulta Passaggio al nuovo editor di articoli.

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.

Powered by Zendesk