Hello,
When I save new node with image, picture module work good, but when I editing this node output <picture> tag is missing. It's only visible in Preview mode (see below).
<picture data-picture-align="center" data-picture-mapping="strona_statyczna" title="Różnice w skalowaniu obrazu wektorowego (z lewej) i obrazu rastrowego (z prawej)">
<source media="(min-width: 1220px)" data-srcset="http://dekoszklo.vitron.ayz.pl/sites/dekoszklo.vitron.ayz.pl/files/styles/strona_statyczna_breakpoints_theme_dekoszklo_wide_1x/public/jak-wybrac//montaz1.jpg?itok=M8PPnJmq 1x" srcset="http://dekoszklo.vitron.ayz.pl/sites/dekoszklo.vitron.ayz.pl/files/styles/strona_statyczna_breakpoints_theme_dekoszklo_wide_1x/public/jak-wybrac//montaz1.jpg?itok=M8PPnJmq 1x"></source>
<source media="(min-width: 980px)" data-srcset="http://dekoszklo.vitron.ayz.pl/sites/dekoszklo.vitron.ayz.pl/files/styles/strona_statyczna_breakpoints_theme_dekoszklo_normal_1x/public/jak-wybrac//montaz1.jpg?itok=UXNpXdv6 1x" srcset="http://dekoszklo.vitron.ayz.pl/sites/dekoszklo.vitron.ayz.pl/files/styles/strona_statyczna_breakpoints_theme_dekoszklo_normal_1x/public/jak-wybrac//montaz1.jpg?itok=UXNpXdv6 1x"></source>
<source media="(min-width: 740px)" data-srcset="http://dekoszklo.vitron.ayz.pl/sites/dekoszklo.vitron.ayz.pl/files/styles/strona_statyczna_breakpoints_theme_dekoszklo_narrow_1x/public/jak-wybrac//montaz1.jpg?itok=aDsl6HUE 1x" srcset="http://dekoszklo.vitron.ayz.pl/sites/dekoszklo.vitron.ayz.pl/files/styles/strona_statyczna_breakpoints_theme_dekoszklo_narrow_1x/public/jak-wybrac//montaz1.jpg?itok=aDsl6HUE 1x"></source>
<source media="(min-width: 0px)" data-srcset="http://dekoszklo.vitron.ayz.pl/sites/dekoszklo.vitron.ayz.pl/files/styles/strona_statyczna_breakpoints_theme_dekoszklo_mobile_1x/public/jak-wybrac//montaz1.jpg?itok=80K2eGH1 1x" srcset="http://dekoszklo.vitron.ayz.pl/sites/dekoszklo.vitron.ayz.pl/files/styles/strona_statyczna_breakpoints_theme_dekoszklo_mobile_1x/public/jak-wybrac//montaz1.jpg?itok=80K2eGH1 1x"></source>
<img class=" lazyloaded" title="Różnice w skalowaniu obrazu wektorowego (z lewej) i obrazu rastrowego (z prawej)" alt="Różnice w skalowaniu obrazu wektorowego (z lewej) i obrazu rastrowego (z prawej)" srcset="http://dekoszklo.vitron.ayz.pl/sites/dekoszklo.vitron.ayz.pl/files/styles/strona_statyczna_breakpoints_theme_dekoszklo_mobile_1x/public/jak-wybrac//montaz1.jpg?itok=80K2eGH1 250w" data-picture-align="center" data-picture-mapping="strona_statyczna">
</picture>
After editing same node in the code exist only <img> tag not converting into <picture>.
<p>
<img title="Różnice w skalowaniu obrazu wektorowego (z lewej) i obrazu rastrowego (z prawej)" src="//dekoszklo.vitron.ayz.pl/sites/dekoszklo.vitron.ayz.pl/files//jak-wybrac//montaz1.jpg" alt="Różnice w skalowaniu obrazu wektorowego (z lewej) i obrazu rastrowego (z prawej)">
</p>
Filters and order:
Convert URLs into links
Correct faulty and chopped off HTML
Correct links with Pathologic
Make images responsive with the picture module
In CKeditor I enable "Support responsive images with the Picture module."
System: Drupal 7.53, CKEditor 4.6.2, Picture 7.x-2.13, Breakpoints 7.x-1.4
Closed: outdated
2.13
Code
Not all content is available!
It's likely this issue predates Contrib.social: some issue and comment data are missing.
I am closing all very old tickets that have not received comments for a long time. If someone still faces these issues or thinks they are still relevant, please reopen it. Feel free to contribute with more info or a patch.