Editor formatting is missing in editor window

patvandenbosche

I had a previous ticket with this title and would have responded there, but the ticket has been closed. Please reference the issue with the JCE Editor, sagarous, here is the latest response from Ryan at JCE Editor:

I have added some code for the next update to auto-detect the generated css file for JA templates, and load that for the editor, but this will unfortunately not be able to load any external fonts the template is using, as these appear to be loaded outside of any css file in the template.

This concerns me since I use the JCE editor as the only editor there is on the planet... and I'm sure I'm not alone on this. Is there a way Joomlart, along with JCE, can work together to come up with a solution for external fonts?

Thanks,
Pat

saguaros

Hi Pat,

I thought it's working so I close that topic: https://www.joomlart.com/forums/d/35314-editor-formatting-is-missing-in-editor-window/7

Could you pls share all the code that Ryan updated? so I can share with the team for further consideration.

Regards

patvandenbosche

Sure. He added a file called editor.css to ../public_html/templates/ja_blockk/csswith the following code:

@import url('https://fonts.googleapis.com/css?family=Barlow%3A700%2C%2C400%2C500%2C600%7CSource+Serif+Pro%3A400%2C600%2C700');
@import url('template.css');
@import url('../../../media/t4/css/9.css');

Here is the complete text of the last communication from Ryan:

Ok, this was a bit more complicated because the template uses a google font for the main font, so I created an editor.css file in templates/ja_blockk/css/editor.css which contains the following:


@import url('https://fonts.googleapis.com/css?family=Barlow%3A700%2C%2C400%2C500%2C600%7CSource+Serif+Pro%3A400%2C600%2C700');
@import url('template.css');
@import url('media/t4/css/9.css');


You can see it here - https://perrycountysheriff.net/templates/ja_blockk/css/editor.css

The editor is then set to load Template CSS Files in the Editor Global Configuration, which will load an editor.css file if it is available.

I then started working back on another site that uses JA Landscape, one that I've been working on for over 6 months now with no issue with the JCE, and all of a sudden I'm having the same problem with the JCE editor there. So I looked up the names of the fonts used in it and modified the file to reflect the new font names, and it started working like it should. I haven't contacted Ryan yet to let him know what I found.

I'm fine with it so long as the workaround is doing its job. If I were the programmer here, I would say there was something in the JCE's last update that caused this to become an issue since I didn't do any updates to the template, just to the JCE. I really hope Joomlart and JCE can work this out.

Pat

saguaros

Hi Pat,

Thanks for sharing.

I might already mention in previous topic about the imported files as Ryan added. It would be hard in this case from our end as the '9.css' file is not common file like 'template.css', it's generated based on the template style of each site (9 is ID of a template style on your site) and the same about the font, an user may also change the default font family of template so we can load a fixed font like that. It would be great if JCE can have option to load font + special CSS files.

patvandenbosche

I'll pass your comments back to him. I'm sure they would want to work with you on this. He did say there was something they were going to do in the next release to fix this. See below.

Here is what he said about it previously. I didn't send it to you before:

You can store the editor.css file (or rename it to custom.css) anywhere on the site, and use the Custom CSS Files option in the Editor Global Configuration to set the path to the file.

You will need to update the relative url values of the imported css files in the file if you move it.

I have added some code for the next update to auto-detect the generated css file for JA templates, and load that for the editor, but this will unfortunately not be able to load any external fonts the template is using, as these appear to be loaded outside of any css file in the template.

Thanks for looking at this issue.

Pat

patvandenbosche

I let Ryan know your last communication, and this is his reply:

I've pretty much done as much as I can do to support JoomlArt templates, which is on a par with what has been done with other template frameworks. The results should be pretty close, although perhaps not perfect, given the font issue.

To get a closer style match would require a custom editor.css file, as we have done on your site.

I think if this needs to be resolved with Joomlart and JCE Editer, you should consider talking directly to each other, rather than have me in the middle. I really hope this gets resolved since I don't want to lose either of you.

Pat

saguaros

Hi Pat,

I will share with the team for further consideration on this.

Regards

patvandenbosche

@saguaros, I've opened up a new ticket on this issue. This is the same site, and the font issue is no longer fixed by this special css file created by Ryan at JCE. It is mandatory that the issue with JCE and Google fonts in your templates be fixed. Please refer to my latest ticket in here. Thank you.

patvandenbosche

@saguaros, I just renamed the editor.css file to editor.xxx, and now it all works. JCE fixed it apparently, at their end. Please close out both tickets, this one and the new one I opened up today.

Yippee!!!

patvandenbosche

@saguaros, I just renamed the editor.css file to editor.xxx, and now it all works. JCE fixed it apparently, at their end. Please close out both tickets, this one and the old one I sent you a message on earlier.

Yippee!!!

saguaros

patvandenbosche Thanks for your update! and glad to hear it's working now.