Aggiungere dei font personali all'editor

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; }