Recent Topics
  1. b2evolution CMS Support Forums
  2. b2evolution Support
  3. General Support
  4. Rendering Bug - TinyMCE

Rendering Bug - TinyMCE

1 Feb 02, 2019 12:56    

Hello,

I am coping with a strange rendering problem.
After editing a Blogpost and adding an image in WYSIWYG mode using TinyMCE and saving the post it happens, that images are dupllicated and Images appear again as thumbnails. So there is a time consuming cleaning of the code necessary.

Here is an example code added by rendering:

<figure class="evo_image_block"><a id="link_573" href="https://linz.genba.org/media/blogs/Linz/quick-uploads/p283/linz_lux_bahnhofsviertel-01.jpg?mtime=1548018351" rel="lightbox[p283]"><img class="img-responsive loadimg" title="Linz, Bahnhofsviertel, LUX Tower" src="https://linz.genba.org/media/blogs/Linz/quick-uploads/p283/_evocache/linz_lux_bahnhofsviertel-01.jpg/fit-256x256.jpg?mtime=1548018351" alt="Linz, Bahnhofsviertel, LUX Tower" width="256" height="212" /></a></figure>

Where does <figure>…</figure> come from?

And here are some code lines showing doubled images

<div class="panel panel-default">
<div class="panel-body" style="color: grey;">Böhmerwaldstraße 18<br />64 Meter hoch, 20 Geschoße. <br />Architekturbüros Kneidinger/Stögmüller, Kaufmann und Partner, 2013<br />Bauherr: Real Treuhand<br />Investoren: (?).</div>
</div>
<p>[image:271]</p>
<p>[image:271]</p>
<p>[image:241:-:.image-border]</p>
<p>[image:241:-:.image-border]</p>
<p>[image:577:-:.image-border]</p>
<p>[image:577:-:.image-border]</p>
<p>[image:207:-:.image-border]</p>
<p>[image:207:-:.image-border]</p>
<p>[thumbnail:202:large][thumbnail:204:large]</p>
<p> </p>

How can I fix this?

Back to top

2 Feb 04, 2019 15:09

@saunders It is probable that you have inadvertently edited (which should not be possible) some of the markup used in displaying the preview images and the editor was not able to cleanup the generated preview code hence the leftover <figure></figure>.

I didn't get the doubled images but I was able to get the leftover image preview code. Could you please enumerate the steps to replicate the doubled images and some screenshots if possible?

Thank you for reporting the issue.

Back to top

3 Feb 04, 2019 20:14

@winskie thanks for your reply.
How the images were doubled:
After I have recognized, that images appear doubled as Thumbs by <figure> </figure> I edited the post again, erased all added <figure>…</figure> entries and saved the page again. Then the thumbs caused by <figure> tags disappeared, but images were doubled.
After deleting the double entries and saving the page, the page shows up as intended.

Regards, Will

Back to top

4 Apr 09, 2020 08:25

@saunders This thread has not been updated for a long time, I'm sorry for that. There have been some changes in the TinyMCE plugin and it is possible that the issue you mentioned has already been resolved. Could you please confirm if this is the case?

Back to top

5 Apr 09, 2020 11:13

@winskie Thanks for your answer.
The problems with doubling of images have disappeared.
Sometimes after editing an additional paragraph <p> </p> before and after is inserted. I could not figure out, what triggers this.
I presume, that working with preview may cause some cache conflicts.
Because sometimes I find more than one session_cookies set. This causes from time to time problems in saving the edited post. So I do have to delete one of the session_cookies to save.

Back to top

6 Apr 10, 2020 04:04

@saunders Thank you for your update. I'll consider the issue closed then.

Back to top


Form is loading...