Aggiungere dei font personali all'editor


Tutorial Aggiungere dei font personali all'editor

Messaggio Da Niko Mar 6 Apr 2021 - 12:27

Aggiungere dei font personali all'editor


Definizione

Questo tutorial vi permetterà di inserire dei nuovi font all'interno del vostro editor, così da poterli usare per formattare il vostro testo!

aggiungere font - Aggiungere dei font personali all'editor Captur15

Installazione

Andiamo verso Pannello di amministrazione ► , assicuriamoci che la gestione del codice Javascript sia attivata, e creiamone uno nuovo con queste impostazioni:

  • Titolo: a tua scelta
  • Dove: in tutte le pagine
  • Codice:
    Codice:
    $(function(){$(function() {
      $('.sceditor-button-font').click(function() {
        addFont('Calibri');
        addFont('Papyrus');
        addFont('Avantgarde');
     
        $('.sceditor-font-option.new-font').click(function(e){$('#text_editor_textarea').sceditor('instance').insertText('[font='+$(this).attr('data-font')+']','[/font]');$('.sceditor-font-picker').remove();e.preventDefault()})
      });
      function addFont(font){$('.sceditor-font-picker div').append('<a unselectable="on" class="sceditor-font-option new-font" href="#" data-font="'+font+'"><font unselectable="on" face="'+font+'">'+font+'</font></a>')}
    })});


Personalizzazione

Per aggiungere più font alla lista basterà scrivereaddFont();. Tra le parentesi scriverete il font che volete tra virgolette, ad esempio:
Codice:
addFont('Baskerville');

Attenzione: se il carattere non è installato su un computer degli utenti, non vedranno il carattere aggiunto all'Editor quando viene utilizzato!

Se aggiungi molti fonte il popup è troppo lungo, puoi aggiungere una barra di scorrimento con CSS. Aggiungi semplicemente il codice seguente al tuo foglio di stile:
Pannello di amministrazione ► Visualizzazione ► Colori ► Foglio di stile CSS
Codice:
.sceditor-font-picker {
  height:250px;
  width:150px;
  overflow-y:auto;
}


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 26
Messaggi : 9008
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/

A MattiaDes piace questo messaggio.

Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.