Hi at JCE support,

I'm using the Code View in JCE Editor, and I've noticed a small inconsistency.

The following options are remembered correctly between articles and after saving:

• Code highlighting
• Line numbers
• Word wrap

However, "Format HTML" (automatic indentation/formatting) is always turned off again after saving the article or leaving it. I have to enable it every time I edit HTML.

Is there a setting somewhere that makes "Format HTML" stay enabled permanently, either globally or per user?

If not, would it be possible to make it behave like the other Code View options that remember their state?

All the Best,

Ulric

Hello Ryan,

Thank you, I found the **Format HTML** option. It was exactly what I was looking for, and it works perfectly. Thanks!

I have one more question about the Styles dropdown in JCE.

I have added my own custom CSS file (`kk-grid.css`) to the Editor so the classes can be selected directly from the Styles dropdown.

JCE reads the CSS file correctly, and many of the classes appear as expected.

However, classes that contain numeric suffixes or number combinations do not appear. For example:

* .kk-md-2 
* .kk-lg-4-8 

These are valid CSS class names, as they do not start with a number.

Is there a reason why JCE does not include these classes in the Styles dropdown? Could this be related to the way the CSS parser handles class names containing numbers?

Best regards,

Ulric

Yes, other classes from kk-grid.css do appear in the Styles list.

I have now tested this a bit further and found the difference.

If I add the class at the root level of the CSS file, for example:

.kk-md-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

then it appears in the Styles dropdown.

However, if the same class is only defined inside a media query, it does not appear:

@media (min-width: 768px) {
  .kk-md-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

So it looks like the Styles dropdown does not pick up classes that are defined only inside media queries.

Is this expected behavior?

Best regards,

Ulric

Hello Ryan,

That explains it perfectly.

Thank you for the clarification and the suggested workaround. I tested it, and adding an empty rule before the media query works exactly as expected.

I appreciate your quick help!

Best regards,

Ulric

Case closed 😀