You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

  Tuesday, 14 February 2023
  2 Replies
  2.4K Visits
I bring my Awesome icons in JCE Editor to make JCE more WYSIWYG

I just add this call to my local Awesome Font Folders main css at the top of my custom JCE Editor CSS file (editor_content.css)

@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";

It work perfectly if I use the full i class html of Awesome icons like —>

<i class="fa fa-check"></i>


The problem is when Icons are call by CSS and “content” it doesn't work in the editor but work perfectly on the frontend
— The typical CSS (in my custom.scss) is like this:

h6.ok::before {
color: $orange;
content: "\f00c" !important;
font-family: FontAwesome;
font-size: 140%;
font-weight: $regular !important;
padding-right: 10px;
}


Just display an empty square in the editor.......
more than a month ago
·
#113781
Accepted Answer
Forget to answer, yes it work
@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";
more than a month ago
·
#113105
This is working for me.

Check that this path is correct, and make sure it is at the top of the editor_content.css file:

@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";

Just because you're not paranoid doesn't mean everybody isn't out to get you.

more than a month ago
·
#113781
Accepted Answer
Forget to answer, yes it work
@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";
Chacapamac selected the reply #113781 as the answer for this post — 10 months ago
  • Page :
  • 1
There are no replies made for this post yet.
Be one of the first to reply to this post!