Project

General

Profile

Actions
Copy link

Bug #95394

closed

Multiple images with link ,inside one p tag in RTE ckeditor is not parsed correctly

Added by Kasim Sabah M S about 3 years ago. Updated 5 months ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
RTE (rtehtmlarea + ckeditor)
Target version:
-
Start date:
2021-09-29
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
10
PHP Version:
7.4
Tags:
Complexity:
Is Regression:
Sprint Focus:

Description

In typo3 version 10.4.19 , multiple images with link inside one p tag ,in RTE ckeditor is not parsed correctly in Front end view , when we use <f:format.html> in Fluid.


View in CK Editor in the TYPO3 backend

<p>test content<br />
<br />
<a href="google.com"><img alt="" data-alt-override="true" data-htmlarea-file-table="sys_file" data-htmlarea-file-uid="290" data-title-override="true" height="75" src="/fileadmin/_processed_/f/5/csm_1-Chrysanthemum_075b072e35.jpg" title="" width="100" /></a> <a href="google.com"><img alt="" data-alt-override="true" data-htmlarea-file-table="sys_file" data-htmlarea-file-uid="2010" data-title-override="true" height="81" src="/fileadmin/_processed_/3/b/csm_baby_d597b7b74f.png" title="" width="100" /></a> <a href="google.com"><img alt="" data-alt-override="true" data-htmlarea-file-table="sys_file" data-htmlarea-file-uid="290" data-title-override="true" height="75" src="/fileadmin/_processed_/f/5/csm_1-Chrysanthemum_075b072e35.jpg" title="" width="100" /></a></p>

Current result

<p>test content<br><br><a href="http://google.com&quot; target="_blank" rel="noreferrer"></a></p>
<p><img alt height="75" src="/fileadmin/_processed_/f/5/csm_1-Chrysanthemum_075b072e35.jpg" title="test cl" width="100"></p>
 <a href="http://google.com&quot; target="_blank" rel="noreferrer"><p><img alt height="81" src="/fileadmin/_processed_/3/b/csm_baby_f8bcd333b9.png" title width="99"></p>
</a> <a href="http://google.com&quot; target="_blank" rel="noreferrer"><p><img alt height="75" src="/fileadmin/_processed_/f/5/csm_1-Chrysanthemum_075b072e35.jpg" title="test cl" width="100"></p></a>

Expected Result:
<p>test content<br />
<br />
<a href="google.com"><img alt="" data-alt-override="true" data-htmlarea-file-table="sys_file" data-htmlarea-file-uid="290" data-title-override="true" height="75" src="/fileadmin/_processed_/f/5/csm_1-Chrysanthemum_075b072e35.jpg" title="" width="100" /></a> <a href="google.com"><img alt="" data-alt-override="true" data-htmlarea-file-table="sys_file" data-htmlarea-file-uid="2010" data-title-override="true" height="81" src="/fileadmin/_processed_/3/b/csm_baby_d597b7b74f.png" title="" width="100" /></a> <a href="google.com"><img alt="" data-alt-override="true" data-htmlarea-file-table="sys_file" data-htmlarea-file-uid="290" data-title-override="true" height="75" src="/fileadmin/_processed_/f/5/csm_1-Chrysanthemum_075b072e35.jpg" title="" width="100" /></a></p>

Please Refer the screeshot too

Files

Download all files
Backend Ckeditor view.png (64.1 KB) Backend Ckeditor view.png Kasim Sabah M S, 2021-09-29 07:46
Current Result In Front End.png (73.7 KB) Current Result In Front End.png Kasim Sabah M S, 2021-09-29 07:46
Expected Result in Front End.png (49.7 KB) Expected Result in Front End.png Kasim Sabah M S, 2021-09-29 07:46
Actions
Copy link
 #1

Updated by Kasim Sabah M S about 3 years ago

  • Category set to RTE (rtehtmlarea + ckeditor)
Actions
Copy link
 #2

Updated by Riccardo De Contardi 5 months ago

  • Status changed from New to Closed

I performed a short test on TYPO3 12.4.16:

1) I installed EXT:rte_ckeditor_image to add images to TYPO3 CKeditor
2) I Created a "Text with Media" content element
3) added two images to the CE and I was able to wrap each image with a single anchor

Code in editor:

<p>
    <a href="https://www.google.it">
        <img class="" src="/fileadmin/images/a2.jpg" data-htmlarea-file-uid="1" data-htmlarea-file-table="sys_file" width="100" height="143" title="" alt="" data-title-override="true" data-alt-override="true">
    </a> 
    <a href="https://www.google.it">
        <img class="" src="/fileadmin/images/a1.jpg" data-htmlarea-file-uid="2" data-htmlarea-file-table="sys_file" width="100" height="133" title="" alt="" data-title-override="true" data-alt-override="true">
    </a>
</p>

Code on frontend

<p>
    <a href="https://www.google.it" target="_blank" rel="noreferrer">
        <img class src="/fileadmin/images/a2.jpg" data-htmlarea-file-uid="1" data-htmlarea-file-table="sys_file" width="100" height="143" title alt data-title-override="true" data-alt-override="true" style>
    </a> 
    <a href="https://www.google.it" target="_blank" rel="noreferrer">
        <img class src="/fileadmin/images/a1.jpg" data-htmlarea-file-uid="2" data-htmlarea-file-table="sys_file" width="100" height="133" title alt data-title-override="true" data-alt-override="true" style>
    </a>
</p>

I close this issue as solved; if you think that this is the wrong decision or experience the issue again please reopen it or open a new issue with a reference to this one. Please include a step-by-step guide about how to reproduce the issue

Thank you.

Actions
Copy link

Also available in: Atom PDF