[Plugin: Simple Responsive Images] Visual Editor (TinyMCE) breaks

hi !

Ow… bad bug, do you have the error message ? I cannot reproduce this bug :/
Thank you !

There are no error messages or any notices in the log file. The problem seems to be a Javascript problem.
After switching the visual editor into HTML mode it is not possible any more to switch back to visual mode when editing any other posts or pages.

I have reproduced the issue, i’m on it ! ??

Rahe, any news on the Visual Editor issue? It’s happened on a client’s site after installing Simple Responsive Images. Also, isn’t it necessary to remove the height an width attributes of images already on the site? Via a filter? Thanks.

Hi,

I do not understand why there is an error on the editor :/, i use normal filters…
It is not necessary to remove the heigh/width attributes, the javascript will do it :).

Rahe

Hi,

I’ve still the problems with the visual editor, too. The last update did not change anything.

Thanks Rahe

BTW – how does your script know which size image to load, via queries?

also, I’m still getting img sizes:

<img class="attachment-thumbnail wp-post-image" width="100" height="100" src-full="https://www.chefsconsortium.com/wp-content/uploads/2012/03/Lentils1-e1331257854478.jpg" src-large="https://www.chefsconsortium.com/wp-content/uploads/2012/03/Lentils1-e1331257854478-768x768.jpg" src-medium="https://www.chefsconsortium.com/wp-content/uploads/2012/03/Lentils1-e1331257854478-550x195.jpg" src-thumbnail="https://www.chefsconsortium.com/wp-content/uploads/2012/03/Lentils1-e1331257854478-100x100.jpg" title="Lentils" alt="Lentils" src="https://www.chefsconsortium.com/wp-content/uploads/2012/03/Lentils1-e1331257854478-100x100.jpg">

above [strange] syntax is produced using:

<?php
  $thumbnails = get_posts('numberposts=5&category=613&orderby=date&order=DESC');
  foreach ($thumbnails as $thumbnail) {
    if ( has_post_thumbnail($thumbnail->ID)) {
      echo '<a href="' . get_permalink( $thumbnail->ID ) . '" title="' . esc_attr( $thumbnail->post_title ) . '">';
      echo get_the_post_thumbnail($thumbnail->ID, 'thumbnail');
      echo '</a>';
    }
  }
?>

The javascript will load the smallest image first, then increase if needed to the right image size.
The images will be loaded depending on the plugin configuration.
I have a filter who generate the image sizes directly on the img generated by the post_thumbnail function.

Rahe, Everything is as it should be ABOVE? So, I should not worry about image scr size attributes being printed since your script chooses the appropriately sized image needed based on screen size? The “Breakpoints” images chosen (in drop-down) should be slightly larger than the breakpoints indicated to the left? Thanks for your help!

Yes you do not have to worry, this is absolutely normal.
The images associated to the breakpoints can be at an size, just specifiy the image size you want to display form the previous breakpoint to this breakpoint.
Ex :
0px -> 320px => thumbnail, then 320 -> 640 => medium, 640 -> 960 => large etc…

thanks!

Just downloaded the latest version and this is still a problem.

Is there any attempt to fix it?

i, I do not have te time for updating the plugin in the repository but i have updated it in the github :
https://github.com/Rahe/Simple-responsive-images
Some people have contributed to it so you can use this one

That worked. Thank you.