Pagelime stripping tags, html5 audio

Pagelime Support & User Forum » Bugs & Troubleshooting

(8 posts) (2 voices)

Started 6 months ago by sealo
Latest reply from Emil

Tags:

sealo
Member

Hi all,

I have a client who needs audio on their page, I have used the HTML5 Audio tag with fallbacks handled via JS etc.. (I strip all JS from pagelime view in editor mode to avoid any crazyness, so its just a static <audio> tag)

The issue is pagelime strips the <audio> tag from the page on publish??

There are multiple audio files on the one page and they are nested within repeating regions, the <audio> tag itself is nested within a <div> like so;

<div class="audio_player" id="ebab18">
<audio id="player9" src="audio/test.mp3" type="audio/mp3" controls="controls"></audio>
</div>

When I publish from the pagelime backend, the audio tag is completely removed? why is it even touching this code? so the result on save is this;

<div class="audio_player" id="ebab18"></div>

Now ideally I could make the <div> editable and just change the audio file path in HTML view, but this does not seem possible? so I thought ok I wont make that editable and the client will just have to use "edit code" for the whole page to adjust the file path, but it seems now I cant even do that?

Why is pagelime touching this tag? can you please let me know a workaround to this or add support for <audio> and <video> tags? i'm sure others will need this functionality also.

Love the work guys hope we can resolve this quickly :)

Posted 6 months ago #
Emil
PageLime Founder

I'll check it out. Likely an easy fix.

P.S. You can only enable "edit code" on business accounts.

Posted 6 months ago #
sealo
Member
Thanks Emil, I noticed it happens with other tags within an

<li> such as a <span> also.
so having this code;
```
<li id="slideabt1" class="slider1Image cms-repeat">
  <a href="#">
    <img alt="girl" src="/cms-assets/slideimg1.jpg" />
  </a>
  <span class="leftalign"></span>
</li>
```
when saved strips the <span> leaving this code to be published;
```
<li id="slideabt1" class="slider1Image cms-repeat">
  <a href="#">
    <img alt="girl" src="/cms-assets/slideimg1.jpg" />
  </a>
```
I solved this by using a different slideshow script that didn't require the <span> but why is it touching these tags at all?

Thanks for your time :)
Posted 6 months ago #
sealo
Member

Ha whoops the html was interpreted by the browser,

Well basically it was a list item that wrapped a linked image and also a span tag, upon save the span was removed from the list item and the linked image remained just fine.

Posted 6 months ago #
sealo
Member

Any update on this Emil?

Client is waiting for this fix to go live with their site - cheers

Posted 6 months ago #
Emil
PageLime Founder

Sorry for the delay - we have some bug fix releases that are delaying pushing this out.

Posted 6 months ago #
sealo
Member

Got an ETA for the fix push mate?

Posted 6 months ago #
Emil
PageLime Founder
Hey Sealo,

Everything should be working now. Give it a shot.

Notes:

So... for the span tag to not get removed, you have to put something in there... like an empty space:

<span> </span>

The reason is because Pagelime removes empty tags completely to work with Internet Explorer and other browsers that create tag hell while editing HTML.

Make sure your audio tag isn't empty either. For example:
```
<audio src="song.ogg" controls="controls">
Your browser does not support the audio element.
</audio>
```
Posted 6 months ago #

RSS feed for this topic

Reply

You must log in to post.

Pagelime - Simple CMS for Designers

Pagelime stripping tags, html5 audio

Reply