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 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à : 24
Messaggi : 8278
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one

A MattiaDes piace questo messaggio.

Niko è stato ringraziato dall'autore di questo topic.

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


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