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 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.

  Monday, 13 September 2021
  3 Replies
  2K Visits
Hello
i have JCE PRO Version 2.9.11, Joomla 4.0.2

My problem is that the representation from css layout it wrong in editor dialog but correct in preview mode.
The bootstrap row/columns get shown diffently dispite tinymce showing them correctly.
The Image from the img-wrapper gets shown in full size
corresponding css:

.image-wrapper img {
vertical-align: middle;
border-style: none;
margin: auto;
width: 100%;
}


I tried the use custom css option pointing to templates/$template/css/editor.css which imports all other csss

@import "style.css";
@import "template.css";
@import "/../assets/socicon/css/styles.min.css";
@import "custom.css";


by the way, the socicon icons arnt shown as well -_-


<div class="row">
<div class="col-6 col-md-3">
<div class="image-wrapper"><img src="/image.jpg" alt="">
<p class="image-title">Title</p>
</div>
</div>
<div class="col-12 col-md-9">
<p>Long Text</p>
</div>
</div>


hope somebody can help.

EDIT:
After try and error for a while i could detect that it seems that jce cant use the @import statements.
If i comment the imports and use tinymce it do not work either.
If i additianally manually add tempalte.css in the jce config, it works.
so the question is why it did not work for the import statements only in the jce editor plugin?

kind regards Marcel
vtgrecklinghausen changed the title from Problems with CSS Representation in JCE Editor and PHP Warning to Problems with CSS Representation in JCE Editor — 10 months ago
more than a month ago
·
#108852

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

more than a month ago
·
#108854
Right now it is only local in XAAMP so i cant send a site login.
This weekend we plan to put it live, after that i will supply a test account.

is there a option to debug the css the jce editor reads and used like the normal browser css dev support? Seems that the content is displayed in an iframe.
more than a month ago
·
#108855
is there a option to debug the css the jce editor reads and used like the normal browser css dev support? Seems that the content is displayed in an iframe.


You can use the browser console for this. You should be able to see in the Network tab if the import css files were loaded, and the Inspector tab to see if they have been applied to content in the editor iframe.

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!