Support > Elxis 4.x/5.x DEV

Issue with Audio tag in Jodit Editor

(1/2) > >>

seadhna:
Hi datahell,
how do you recommend making audio available in Elxis 5?
If I use the audio tag, each time I save the article, this code gets added outside the audio tag:

                <jodit-media data-jodit-temp="1" contenteditable="false" draggable="true" data-jodit_fake_wrapper="1" style="display: block; width: 300px; height: 54px;">
<audio controls="">
 <source src="https://www.example.org/example.mp3" type="audio/mpeg">
   Your browser does not support the audio tag.
</audio>
            </jodit-media>

Each time I save it gets added again; soon looking like this, and preventing CSS from working:

            <jodit-media data-jodit-temp="1" contenteditable="false" draggable="true" data-jodit_fake_wrapper="1" style="display: block; width: 300px; height: 54px;">
            <jodit-media data-jodit-temp="1" contenteditable="false" draggable="true" data-jodit_fake_wrapper="1" style="display: block; width: 300px; height: 54px;">
            <jodit-media data-jodit-temp="1" contenteditable="false" draggable="true" data-jodit_fake_wrapper="1" style="display: block; width: 300px; height: 54px;">
            <jodit-media data-jodit-temp="1" contenteditable="false" draggable="true" data-jodit_fake_wrapper="1" style="display: block; width: 300px; height: 54px;">
            <jodit-media data-jodit-temp="1" contenteditable="false" draggable="true" data-jodit_fake_wrapper="1" style="display: block; width: 300px; height: 54px;">
                <jodit-media data-jodit-temp="1" contenteditable="false" draggable="true" data-jodit_fake_wrapper="1" style="display: block; width: 300px; height: 54px;"><audio controls="">
                        <source src="https://www.pgaction.org/media/audio/members/valerie-woods-04.mp3" type="audio/mpeg">
                        Your browser does not support the audio tag.
                    </audio></jodit-media>
            </jodit-media>
            </jodit-media>
            </jodit-media>
            </jodit-media>
            </jodit-media>

datahell:
You are right, there is problem. For now, clear the wrapping elements Jodit adds before save. Would you like to create an Elxis plugin for audio? If that helps, I can develop a plugin similar to the built-in HTML5 video plugin.

armpouniotis:
An Elxis audio plugin will be very helpful !

I really need something like !

I want to embed audio files in my websites, but not in video format, as I am doing now !

Hurry up !

Christos

datahell:
The audio player plugin is ready, you can download it from EDC.

HTML5 audio plugin usage instructions
Sample integrations of HTML5 audio plugin in Elxis editor.

Local file uploaded in media/audio/ folder:
{audio}myfile.mp3{/audio}

Multiple local files uploaded in media/audio/ folder:
{audio}myfile.mp3,myfile.ogg,myfile.wav{/audio}

Remote file:
{audio}https://www.html5tutorial.info/media/vincent.mp3{/audio}

Multiple remote files:
{audio}https://www.html5tutorial.info/media/vincent.mp3,https://www.html5tutorial.info/media/vincent.ogg{/audio}


Supported file types: mp3, ogg and wav.

bledi:
The plugin works fine but below it shows error: Your browser does not support the audio element.
I have the latest Chrome version, the same happens with Firefox....maybe a ssl issue..
Attachement below
 

Navigation

[0] Message Index

[#] Next page