typo3amp-htmlrte

TYPO3 RTE convert <img> to <amp-img>


I have a TYPO3 version 6.2 website and I am working on a AMP version.

I use a condition in URL to load different versions of the same TYPO3 page depending if the page version request is AMP or not.

Regular version of the page :

https://www.novethic.fr/actualite/environnement/climat/isr-rse/rencontre-avec-danone-un-des-rares-francais-a-aligner-sa-strategie-sur-l-objectif-2-c-145150.html

AMP version of the page

https://www.novethic.fr/amp/actualite/environnement/climat/isr-rse/rencontre-avec-danone-un-des-rares-francais-a-aligner-sa-strategie-sur-l-objectif-2-c-145150.html

Everything works fine except if my page contains image inserted in the RTE

In this case I would need to convert <img> to <amp-img>for images inserted in the RTE when the version asked is AMP.

I already have a global var condition to load custom TS when AMP version is called.

But no idea how to convert <img> to <amp-img> Any idea on how to achieve that?


Solution

  • if it is only a replacement of the tag name you could try to use a (conditioned) string replacement on one of these levels:

    .

    page { 
        10 = FLUIDTEMPLATE
        10 {
            :
            variables {
                content < styles.content.get
                :
            }
        }
    }
    
    [--your amp condition--]
        page.10.variables.content.stdWrap.replacement {
            1.search = <img
            2.replace = <amp-img
        }
    [global]