Plugins » Roboto Sans 2014 Web Fonts 1.0.2014

Roboto Sans 2014 Plugin
Topic Closed
mabu
208 Posts
1.9K Downloads
3 Themes
7 Plugins

I have no problems with the fontawsome-plugin, but the  Roboto Sans - Plugin 2014 does install and but the font  does not appear in the ckeditor(4.73).

Another Question to J├╝rgen : Since You created the ckeditor - color - plugin  etc... :  There is a google-webfonts - plugin which does not function with ckeditor 4.73( https://ckeditor.com/cke4/addon/ckeditor-gwf-plugin )

and there is a  Supreme Google Webfonts - plugin for Wordpress (https://de.wordpress.org/plugins/supreme-google-webfonts/) . Perhaps - if You have time in the far future.. This would be a great improvement for Typesetter.

Edited: 2 years ago#10698

juergen
1.4K Posts
51.4K Downloads
16 Plugins
design, web development & visual effects

... but the font  does not appear in the ckeditor(4.73)

That's why I fear those version changes. CKEditor's inter-dependencies of plugins starts to cause severe headache.
I guess that's at least one reason why CKEditor 5 was rebuilt from scratch. It doesn't support CKE 4 plugins, see here.

Since we also need to care about older Typesetter installations, It's a quite hard decision if we should sacrifice existing plugin functionality for the sake of new possibilities.
IMO, including multiple CKE versions into Typesetter is not an option. Making Typesetter plugins CKE-version-sensitive is possible, but there are other plugins beside mines that modify CKE configuration, which I do not have access to adapt them.

For WP Supreme Google Webfonts:
Hmm. I'm not so convinced. Recent ratings seem to be mostly 1-star. It has a hardcoded list of available fonts. Such a plugin needs frequent updates in order to remain current.
To keep it up to date, it should better query the fonts repository - periodically or on demand. This requires a Developer API key, though.

I believe Google has done a great job with the Google Fonts website - with all the previews, weights / styles / encoding options and the loading-time-o-meter. Implementing a similar UI into Typesetter would be a lot of work. 

2 years ago#10701

mabu
208 Posts
1.9K Downloads
3 Themes
7 Plugins

Sorry - my problems came from the old Roboto-Plugin which makes conflicts.

There was a google-font-plugin for ckeditor (link above) which does not function with newer versions - an expert can perhaps update it - the author wont.

If it can be used like fontawsome with an own menupoint, then it would be a question of choice of the user, whether he likes it.

The momentary problem is, that it is possible to load wanted google-fonts  with import  but then one must go into the source of the document with the codemirror plugin .

* An improvement would also be, to add some other often used google-fonts into a plugin instead of only one as an the roboto-plugin,  so that the user can quick and easy change some fonts into others by modification of the plugin(or a selectable list).

The google-font - master on github is of course a 350MB zipfile.....

 

 

Edited: 2 years ago#10702

juergen
1.4K Posts
51.4K Downloads
16 Plugins
design, web development & visual effects

my problems came from the old Roboto-Plugin which makes conflicts

On the CKEditor side the plugin only adds some entries to the font_names dropdown.
I can't find any changes from 4.5.7 to 4.7.3 in the CKE docs. What kind of conflict did you encounter?

…an expert can perhaps update it - the author wont

Unfortunately I'm far from being an expert for CKE plugins.
What I see in the plugin's source, it also uses a (now 4 years old) hardcoded list of Google Fonts.

Did it ever work with Typesetter? It appends a <link> element to the edited area'S HTML. Although all browsers seem to support that, <link> tags out of the <head> section are only permitted as of html 5.2 working draft (2016). What kind of error do you get (anything in JS console)?

The momentary problem is, that it is possible to load wanted google-fonts  with import but then one must go into the source of the document with the codemirror plugin.

Maybe this plugin is for you CKE Styles Combo. You could define some span classes for imported fonts in your css and list them in the styles dropdown. That's even better than inline styles.

 

2 years ago#10703

mabu
208 Posts
1.9K Downloads
3 Themes
7 Plugins

(My problems with Roboto came from a double installation of the old - which makes problems - and the new one - it functions now ok.)

The google-font plugin ist uninstallable(!) at ckeditor 4.73. With a new typesetter 4.61 and ckeditor 4.5.6 on xampp the example - window stays blank after installation.

The styles-combo is really  interesting.

It should be possible to program a combination of the roboto and the google-fonts-plugins. I will eventually try myself.

(The alternative is to patch the fonts-plugin.)

 

Edited: 2 years ago#10704

juergen
1.4K Posts
51.4K Downloads
16 Plugins
design, web development & visual effects

I just fixed the CKEditor GoogleWebFonts plugin for you. Get it from here

Contents of REAME.md:

ckeditor-gwf-plugin for Typesetter CMS
======================================

Plugin for CKEditor to add Google Web Fonts support

Based on ckeditor-gwf-plugin-0.1.1
Modified by J. Krausz to be installable and work with Typesetter CMS
Google font list updated as of 2018-03

Installation:

Upload ckeditor-gwf-plugin_0.1.1-typesetter.zip via Typesetter's Admin Toolbox -> Settings -> CKEditor » Manage Plugins
CKEditor's Font dropdown list'S 1st entry now is "GoogleWebFonts". When you click it, an additional font selection box pops up.
2 years ago#10705

mabu
208 Posts
1.9K Downloads
3 Themes
7 Plugins

Yes  - great - congratulations  - it functions - its just a bit akward to fill in the font-family manually - but its worth to be published.

I hope i will be able to complete a google fonts plugin (and learn php) withinsome days or weeks.

On https://ckeditor.com/old/forums/CKEditor-3.x/CKE-and-Google-Fonts-Api ---- https://www.drupal.org/project/fontyourface  )and  https://docs.ckeditor.com/ckeditor4/latest/api/CKEDITOR_config.html#cfg-font_style)  are an interesting articles about this theme.

( A notice : There are also a functioning  TOC - Plugins  for ckeditor on https://ckeditor.com/cke4/addon/toc  and a toc which depends upon widget  https://download.ckeditor.com/contents/releases/contents_0.11.zip  and   a functioning tabletools toolbar - plugin -- https://ckeditor.com/cke4/addon/tabletoolstoolbar -- which are worth to be integrated)

Edited: 2 years ago#10706

juergen
1.4K Posts
51.4K Downloads
16 Plugins
design, web development & visual effects
Doesn't autocomplete work?
2 years ago#10707

mabu
208 Posts
1.9K Downloads
3 Themes
7 Plugins

Do You mean the  https://github.com/navalgandhi1989/ckeditor-autocomplete-suggestions-plugin . It produces :

Oops, that didn't work, please try again. (File type not allowed:ckeditor-autocomplete-suggestions-plugin-master/resources/libs/bootstrap/fonts/FontAwesome.otf)

But the small field is already a big step forward, and one should not be too comfortable either. One could even extend the input by a dropdown

Edited: 2 years ago#10708

juergen
1.4K Posts
51.4K Downloads
16 Plugins
design, web development & visual effects
No, the input box in the font seletion popup should autocomplete Google Font Names when you type.
2 years ago#10709

mabu
208 Posts
1.9K Downloads
3 Themes
7 Plugins

Yes - there are also 2 proposal  - lines while filling in the mask ..

Edited: 2 years ago#10710

mabu
208 Posts
1.9K Downloads
3 Themes
7 Plugins

But : I was happy too soon. Online in a Typesetter 5.1 the installation within ckeditor 4.73 works but the field does not appear. The same on Typesetter 5.1 with ckeditor 4.57.

Only on Typesetter 4.61 with xampp /php 7.0 it functions.

Edited: 2 years ago#10711

juergen
1.4K Posts
51.4K Downloads
16 Plugins
design, web development & visual effects

OK, that's how it's meant to work.

This way we can even input future font names not yet listed in the plugin code.
A complete list select box would be huge - Google Fonts currently has 847 of them.

2 years ago#10712

juergen
1.4K Posts
51.4K Downloads
16 Plugins
design, web development & visual effects

Oops, that was simultaneous.

The same on Typesetter 5.1 with ckeditor 4.57

It works here with Typesetter 5.1. I actually coded it using Typesetter 5.1

 

2 years ago#10713

mabu
208 Posts
1.9K Downloads
3 Themes
7 Plugins
But : I was happy too soon  Only on Typesetter 4.61 with xampp /php 7.0 it functions.
Edited: 2 years ago#10714

juergen
1.4K Posts
51.4K Downloads
16 Plugins
design, web development & visual effects
Any errors in the JS console after clicking the GoogleWebFonts entry in the Font list?
Edited: 2 years ago#10715

mabu
208 Posts
1.9K Downloads
3 Themes
7 Plugins

Any errors in the JS console  ??...

The installations on 5.1 have no errors at all . It seems to be a conflict with roboto sans 2014 -plugin  which i have not installed at 4.61.

It appears at the beginning before arial -font

 

Edited: 2 years ago#10716

juergen
1.4K Posts
51.4K Downloads
16 Plugins
design, web development & visual effects
OK, I think I know what it is.
Is your TS 5.1 test setup installed in a subfolder ( accessed e.g. via http://localhost:8080/typesetter/) ?
2 years ago#10717

mabu
208 Posts
1.9K Downloads
3 Themes
7 Plugins

somehow the editing is delayed - before saving i assured that You did not append anything but ...

It is the Roboto sans 2014 -plugin. Deinstallation lets the googlefonts appear !

Edited: 2 years ago#10718

juergen
1.4K Posts
51.4K Downloads
16 Plugins
design, web development & visual effects
OK, I'll check that.
2 years ago#10719

Topic Closed

 

News

Typesetter 5.1
8/12/2017

Typesetter 5.0.1 is now available for download. 5.1 includes bug fixes, UI/UX improvements, ... Read More

Over 8 Times Faster Than Wordpress
5/3/2016

We've known for a long time that Typesetter is fast. It's something we take pride ... Read More

More News

creisi productions

Dienstleistungen von creisi productions, Luzern (Schweiz): * Konzeption, Planung und Erstellung Ihres Internet-Auftritts * Betreuung und Aktualisierung/Pflege Ihrer Website * ...

Find out more about our Provider Spotlight

Log In

  Register