| Server IP : 66.29.137.217 / Your IP : 3.22.42.249 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/cbt.bofirm.com/public/vendor/ckeditor/plugins/html5audio/ |
Upload File : |
CKEDITOR.plugins.add( 'html5audio', {
requires: 'widget',
lang: 'bg,ca,de,de-ch,el,en,eu,es,fr,ru,uk,uz,zh-cn,fa,pl',
icons: 'html5audio',
hidpi: true,
init: function( editor ) {
editor.widgets.add( 'html5audio', {
button: editor.lang.html5audio.button,
template: '<div class="ckeditor-html5-audio"></div>', // We add the audio element when needed in the data function, to avoid having an undefined src attribute.
// See issue #9 on github: https://github.com/iametza/ckeditor-html5-audio/issues/9
editables: {},
/*
* Allowed content rules (http://docs.ckeditor.com/#!/guide/dev_allowed_content_rules):
* - div-s with text-align,float,margin-left,margin-right inline style rules and required ckeditor-html5-audio class.
* - audio tags with src and controls attributes.
*/
allowedContent: 'div(!ckeditor-html5-audio){text-align,float,margin-left,margin-right}; audio[src,controls,controlslist,autoplay];',
requiredContent: 'div(ckeditor-html5-audio); audio[src,controls];',
upcast: function( element ) {
return element.name === 'div' && element.hasClass( 'ckeditor-html5-audio' );
},
dialog: 'html5audio',
init: function() {
var audioElement = this.element.findOne( 'audio' );
var src = '';
var autoplay = '';
var align = this.element.getStyle( 'text-align' );
var allowdownload = false;
var advisorytitle = '';
// If there's a child (the audio element)
if ( audioElement ) {
// get it's attributes.
src = audioElement.getAttribute( 'src' );
autoplay = audioElement.getAttribute( 'autoplay' );
allowdownload = !audioElement.getAttribute( 'controlslist' );
advisorytitle = audioElement.getAttribute( 'title' );
}
if ( src ) {
this.setData( 'src', src );
if ( align ) {
this.setData( 'align', align );
} else {
this.setData( 'align', 'none' );
}
if ( autoplay ) {
this.setData( 'autoplay', 'yes' );
}
if ( allowdownload ) {
this.setData( 'allowdownload', 'yes' );
}
if ( advisorytitle ) {
this.setData( 'advisorytitle', advisorytitle );
}
}
},
data: function() {
var audioElement = this.element.findOne( 'audio' );
// If there is an audio source
if ( this.data.src ) {
// and there isn't a child (the audio element)
if ( !audioElement ) {
// Create a new <audio> element.
audioElement = new CKEDITOR.dom.element( 'audio' );
// Set the controls attribute.
audioElement.setAttribute( 'controls', 'controls' );
// Append it to the container of the plugin.
this.element.append( audioElement );
}
audioElement.setAttribute( 'src', this.data.src );
}
this.element.removeStyle( 'float' );
this.element.removeStyle( 'margin-left' );
this.element.removeStyle( 'margin-right' );
if ( this.data.align === 'none' ) {
this.element.removeStyle( 'text-align' );
} else {
this.element.setStyle( 'text-align', this.data.align );
}
if ( this.data.align === 'left' ) {
this.element.setStyle( 'float', this.data.align );
this.element.setStyle( 'margin-right', '10px' );
} else if ( this.data.align === 'right' ) {
this.element.setStyle( 'float', this.data.align );
this.element.setStyle( 'margin-left', '10px' );
}
if ( audioElement ) {
if ( this.data.autoplay === 'yes' ) {
audioElement.setAttribute( 'autoplay', 'autoplay' );
} else {
audioElement.removeAttribute( 'autoplay' );
}
if ( this.data.allowdownload === 'yes' ) {
audioElement.removeAttribute( 'controlslist' );
} else {
audioElement.setAttribute( 'controlslist', 'nodownload' );
}
if ( this.data.advisorytitle ) {
audioElement.setAttribute( 'title', this.data.advisorytitle );
} else {
audioElement.removeAttribute( 'title' );
}
}
}
} );
if ( editor.contextMenu ) {
editor.addMenuGroup( 'html5audioGroup' );
editor.addMenuItem( 'html5audioPropertiesItem', {
label: editor.lang.html5audio.audioProperties,
icon: 'html5audio',
command: 'html5audio',
group: 'html5audioGroup'
});
editor.contextMenu.addListener( function( element ) {
var audioElement = element && element.findOne( 'audio' );
if ( audioElement &&
audioElement.hasClass &&
audioElement.hasClass( 'ckeditor-html5-audio' ) ) {
return { html5audioPropertiesItem: CKEDITOR.TRISTATE_OFF };
}
});
}
CKEDITOR.dialog.add( 'html5audio', this.path + 'dialogs/html5audio.js' );
}
} );