Text Editors JCE Or Tiny MCE Vs SP PAGE BUILDER - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Text Editors JCE Or Tiny MCE Vs SP PAGE BUILDER

NEROVIK

NEROVIK

SP Page Builder 3 years ago

Hi,

Page Builder is configured with tiny MCE. Problem: I cannot write < i class="....>, the content is lost after save. <li><i class="fas fa-check-circle"></i>List your book's content here.</li>

If we use JCE Editor, it is worde, the whole html is broken.

In 2022 do you plan to correct this one day ?

It is really annoying!

0
7 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #58218

Example 

.iconlist ul {
  list-style-position: inside;
  padding-left: 0;
  list-style: none;
}
.iconlist ul li {
  list-style: none;
  position: relative;
  padding-left: 20px;
}

.iconlist li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  color: #F58220;
  position: absolute;
  top: calc(10% - 4px); /* half font-size */
  left: -5px;
}

iconlist class name used in Text addon

foto_7884_2022.jpg

How it worked on my site text-addon-after.jpg

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #58214

Hi,

  1. Use < span > then it will not be damaged, it's not our fault that TinyMce cut it off
  2. In JCE Pro all is OK, but indeed in JCE Core - is not, also not our fault, ask JCE developer.
  3. Just use my tips or use Raw HTML addon.

<li><span class="fas fa-check-circle"></span> OK list</li>

0
NEROVIK
NEROVIK
Accepted Answer
3 years ago #58215

It does not change anything in Timy MCE. Raw html is ok, but the client will be disappointed

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #58216

But Joomshaper cannot change TinyMCE nor JCE editor code.

Try JCE PRO

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #58217

OR

Define < li> with FA icons, using custom CSS and class name. Many tutorials on the web.

0
NEROVIK
NEROVIK
Accepted Answer
3 years ago #58271

Thanks. I have done it the same way at last.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #58272

In you want to use this check list every where, just set it for all Text addons using class name of Text addon, not extra one. Then your client don't have to remember to put extra class name. Make his life easier.

0