[Question] What to do about @css import?

Hi!

I’d love to use jte for the rendering of our HTML email templates, however the css styling contains an @import url("https://..."); for a font, which of course is registered as the @import keyword from jte.

<style type="text/css" rel="stylesheet" media="all">
    @import url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,700&display=swap"); /* <--- Right here */
    body {
        width: 100% !important;
        height: 100%;

Thus, this error is generated:

Exception in thread "main" gg.jte.TemplateException: Failed to compile template, error at base-html.jte:14
........./jte-classes/gg/jte/generated/JtebasehtmlGenerated.java:2: error: '.' expected
import url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,700&display=swap");;
          ^
1 error

The generated file in turn then also includes the import that was actually meant for rendering in CSS:

package gg.jte.generated;
import url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,700&display=swap");;
public final class JtebasehtmlGenerated {

Is there some mechanism to keep these keywords apart, or escape them for jte?

[kelunik]

Another way would have been ${"@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,700&display=swap');"}, no?

[casid]

@KBurgmann the new plugin version got approved by JetBrains: https://plugins.jetbrains.com/plugin/14521-jte/versions/stable/97316

Now the css looks pretty good in IntelliJ:

I’m gonna close this now 👍