Come aggiungere un nuovo font nell'editor di tinymce?

Voglio add new font in tinymce editor che vengono visualizzati in font dropdown e si applicano al testo dell'editor.Come aggiungere un nuovo font nell'editor di tinymce?

Cerco di aggiungere il font ttf nella cartella dei font della cartella skin avanzata e aggiungere editor_template.js e aggiungere css in contect.css per @ font-face.

Ho il nome del font nel menu a tendina. Ma quando mi rivolgo a qualsiasi testo, nessun effetto font su quel testo.

Qual è il problema reale che non riesco a trovare. Spero che questo sia il problema del percorso o altro ...

fonte

2013-03-19 harsh4u

È necessario impostare il parametro di configurazione theme_advanced_fonts in base alle proprie esigenze. Nel caso in cui sia necessario aggiungere il font all'editore, la testa iframe contect.css con @font-face è la strada giusta.

fonte

2013-03-19 17:10:15 Thariama

Ho già aggiunto theme_advanced_fonts nella configurazione e @ font-face nel contenuto.css ma dove scrivere ttf puts .. significa in quale cartella (posizione della cartella)? – harsh4u

Ho risolto il problema ... il nome del font il problema di spaziatura ... "aphrodite pro = aphrodite_pro" Cambia in => "Aphrodite Pro = aphrodite pro". Non inserire il carattere di sottolineatura anche nel nome del carattere con un carattere di sottolineatura. Sostituiscilo con uno spazio nel file "editor_template.js". Fammi sapere se non capisco – harsh4u

capito. grazie per aver postato la tua risposta dovresti postarlo come risposta e accettarlo – Thariama

ho risolto il problema,

visualizzate tutte le possibili problematiche qui sotto e fissare loro di aggiungere un font nell'editor TinyMCE.

Crea cartella caratteri: tinymce/themes/advanced/ - se non esiste.
1. carattere Put font "tinymce/themes/advanced/fonts/aphrodite_pro.ttf.
2. Add carattere in editor_template.js & editor_template_src.js includere nel "theme_advanced_fonts"
  
  Ex: theme_advanced_fonts: "Aphrodite Pro=aphrodite pro",
Mantenere carattere "theme_advanced_fonts" sequenza nome al precedente sia js file.

La maggior parte importante: nome "Aphrodite Pro" è definito da noi dove "aphrodite pro" è il nome del font.

Nota: potrebbe non funzionare in TinyMCE versione 4 o successiva. Controlla nuova documentazione: https://www.tinymce.com/docs/configure/content-formatting/#font_formats

fonte

2013-03-20 10:33:26 harsh4u

Adoro le risposte chiare. – Alexey

Il nome del font dovrebbe essere uguale al nome del file ttf? – Akshay

Ho cercato questa soluzione installando il font Papyrus, e funziona bene (senza @ font-face in nessun file css), ma effettuando ricerche con diversi browser su Mac (con Lion in esecuzione) I trovato che, sebbene abbia funzionato bene in Safari e Firefox, l'opzione Papyrus non viene visualizzata nell'elenco a discesa dei caratteri dell'editor di testo in Chrome. Vedo che altri hanno avuto problemi con Chrome in aree correlate, quindi non sono sicuro che sia risolvibile in Chrome o meno.

Ho aggiunto Papyrus = Papyrus nei due file .js, nello stesso ordine di posizione relativo e aggiunto la cartella dei tipi di carattere come descritto, con il file di font Papyrus.TTF (maiuscolo e minuscolo come mostrato).

In Safari e Firefox questo risulta in Papyrus nel menu a discesa, e il font Papyrus nel testo dell'editor e nella pagina del sito Web, esattamente come richiesto.

Ma non in Chrome poiché il carattere non può essere scelto.

fonte

2013-06-22 14:38:38 Brian

Ho trovato un errore che ho fatto - ma è utile averlo studiato. NON avevo il font Papyrus nello stesso posto nei due file .js - e chiaramente Chrome è sensibile a questo e Safari/Firefox no. Ho scoperto che quando ho aggiunto il tema_advanced_fonts: preferenza in testa alla pagina di modifica, insieme ad altre preferenze di init tinyMCE (una duplicazione della linea in uno dei file .js) e poi ha funzionato Chrome. Mi sono reso conto che avevo errato il font Papyrus in uno dei file .js, e correggendolo, e anche dopo aver rimosso l'istruzione init, tutti i browser funzionavano bene. – Brian

Non sono ancora sicuro di ciò che il carattere @ face-face raggiungerebbe, suppongo che non abbia nulla a che fare con l'elenco dei caratteri offerto nel menu a discesa dell'editor, ma più con l'aspetto generale della finestra di modifica. Spero che questo sia utile e non troppo confuso! – Brian

Come aggiungere un nuovo font nell'editor di tinymce?

risposta

Problemi correlati