Text editors JCE or Tiny MCE vs SP PAGE BUILDER - Forum | JoomShaper
Solved SP Page Builder

Text editors JCE or Tiny MCE vs SP PAGE BUILDER

Asked by NEROVIK 4 years ago Last activity 4 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!

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff

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

6 more replies

Paul Frankowski Senior Staff

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>

NEROVIK Asked this
4 years ago · edited

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

Paul Frankowski Senior Staff

But Joomshaper cannot change TinyMCE nor JCE editor code.

Try JCE PRO

Paul Frankowski Senior Staff

OR

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

NEROVIK Asked this

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

Paul Frankowski Senior Staff

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.

Log in to reply.