Twitter Facebook Instagram Mastadon Github

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

  • Support
  • Forum
  • JCE Editor
  • Awesome icone display by css —> content: “Unicode code” —> e.g. (content: "f00c" !important;) is not showing in editor?

Support is currently Offline

Official support hours:
Monday To Friday
From 09:00 To 17:00 Europe/London (BST)

Please post your question in the Forum and we will get back to you as soon as we can.

Ask Question
Categories
Tags
Subscribe  
  RSS Feed
Subscribe to this site with an RSS Feed Reader
New
 Issue

Awesome icone display by css —> content: “Unicode code” —> e.g. (content: "\f00c" !important;) is not showing in editor?

JCE Editor
  JCE Editor
Chacapamac
  Chacapamac
  Tuesday, 14 February 2023
  2 Replies
  1.9K 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.......
Newest First  
Chacapamac
Chacapamac
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 — 6 months ago
Chacapamac
Chacapamac
more than a month ago
·
#113781
Accepted Answer
Forget to answer, yes it work
@import "../../../../../media/astroid/assets/vendor/fontawesome/css/all.min.css";
Ryan
Ryan
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.
  • Page :
  • 1
There are no replies made for this post yet.
Be one of the first to reply to this post!