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!

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