8480dbc228
* fix: eslint operator-linebreak issue * fix: eslint quotes issue * fix: react jsx indent and props issues * fix: eslint trailing spaces issues * fix: eslint line around directives issue * fix: eslint semi rule * fix: eslint newline per chain rule * fix: eslint space infix ops rule * fix: eslint space-in-parens issue * fix: eslint space before function paren issue * fix: eslint space before blocks issue * fix: eslint arrow body style issue * fix: eslint dot-location issue * fix: eslint quotes issue * fix: eslint quote props issue * fix: eslint operator assignment issue * fix: eslint new line after import issue * fix: indent issues * fix: operator assignment issue * fix: all autofixable eslint issues * fix: all react related fixable issues * fix: autofixable eslint issues * chore: remove all template literals * fix: remaining autofixable issues * chore: apply amnesty on all existing issues * fix: failing xss-lint issues * refactor: apply amnesty on remaining issues * refactor: apply amnesty on new issues * fix: remove file level suppressions * refactor: apply amnesty on new issues
72 lines
3.1 KiB
JavaScript
72 lines
3.1 KiB
JavaScript
define(['jquery'], function($) {
|
|
var iframeBinding = function(e) {
|
|
var target_element = null;
|
|
if (typeof e === 'undefined') {
|
|
target_element = $('iframe, embed');
|
|
} else {
|
|
if (typeof e.nodeName !== 'undefined') {
|
|
target_element = $(e).find('iframe, embed');
|
|
} else {
|
|
target_element = e.$('iframe, embed');
|
|
}
|
|
}
|
|
modifyTagContent(target_element);
|
|
};
|
|
|
|
var modifyTagContent = function(target_element) {
|
|
target_element.each(function() {
|
|
if ($(this).prop('tagName') === 'IFRAME') {
|
|
var ifr_source = $(this).attr('src');
|
|
|
|
// Modify iframe src only if it is not empty
|
|
if (ifr_source) {
|
|
var wmode = 'wmode=transparent';
|
|
if (ifr_source.indexOf('?') !== -1) {
|
|
var getQString = ifr_source.split('?');
|
|
if (getQString[1].search('wmode=transparent') === -1) {
|
|
var oldString = getQString[1];
|
|
var newString = getQString[0];
|
|
$(this).attr('src', newString + '?' + wmode + '&' + oldString);
|
|
}
|
|
// eslint-disable-next-line brace-style
|
|
}
|
|
// The TinyMCE editor is hosted in an iframe, and before the iframe is
|
|
// removed we execute this code. To avoid throwing an error when setting the
|
|
// attr, check that the source doesn't start with the value specified by TinyMCE ('javascript:""').
|
|
// eslint-disable-next-line no-script-url
|
|
else if (ifr_source.lastIndexOf('javascript:', 0) !== 0) {
|
|
$(this).attr('src', ifr_source + '?' + wmode);
|
|
}
|
|
}
|
|
} else {
|
|
$(this).attr('wmode', 'transparent');
|
|
}
|
|
});
|
|
};
|
|
|
|
// Modify iframe/embed tags in provided html string
|
|
// Use this method when provided data is just html sting not dom element
|
|
// This method will only modify iframe (add wmode=transparent in url querystring) and embed (add wmode=transparent as attribute)
|
|
// tags in html string so both tags will attach to dom and don't create z-index problem for other popups
|
|
// Note: embed tags should be modified before rendering as they are static objects as compared to iframes
|
|
// Note: this method can modify unintended html (invalid tags) while converting to dom object
|
|
var iframeBindingHtml = function(html_string) {
|
|
if (html_string) {
|
|
var target_element = null;
|
|
var temp_content = document.createElement('div');
|
|
$(temp_content).html(html_string);
|
|
target_element = $(temp_content).find('iframe, embed');
|
|
if (target_element.length > 0) {
|
|
modifyTagContent(target_element);
|
|
html_string = $(temp_content).html();
|
|
}
|
|
}
|
|
return html_string;
|
|
};
|
|
|
|
return {
|
|
iframeBinding: iframeBinding,
|
|
iframeBindingHtml: iframeBindingHtml
|
|
};
|
|
});
|