[advanced_iframe]or use the "Add advanced iframe" button above the editor or the Gutenberg block.
Specify at least an url and the size. You can overwrite all default administration settings by specifying the attribute in the shortcode to create iframes with different settings!', 'advanced-iframe'); ?>
here for all values of the current user.', 'advanced-iframe');
$userinfo_html .= '';
$ovars = get_object_vars($current_user->data);
foreach ($ovars as $key => $value) {
if (!is_object($value) && !is_array($value)) {
$userinfo_html .= esc_html($key) . " => " . esc_html($value) . " ";
}
}
$userinfo_html .= '' . $extraUserInfo;
$all_meta_for_user = array_map("aiFirstElement", get_user_meta($current_user->ID));
$usermeta_html = __('Click here for all values of the current user.', 'advanced-iframe');
$usermeta_html .= '';
foreach ($all_meta_for_user as $key => $value) {
if (!is_object($value) && !is_array($value)) {
$usermeta_html .= esc_html($key) . " => " . esc_html($value) . " ";
}
}
$usermeta_html .= '' . $extraUserInfo;
$src_text = __('Enter the full URL to your page. e.g. https://www.advanced-iframe.com. Please do not use a different protocol for the iframe: Do not mix http and https if possible! Http pages are NOT shown in https pages. Please read this post for details. If you cannot save the full url because of mod_security don\'t specify the protocol (e.g. //www.advanced-iframe.com) or leave this field empty and define the src in the shortcode. Use the free url checker below to make sure that you can include the page. You can add parameters to this url like https://www.advanced-iframe.com/test.php?iframe=true. Then you can check this variable and use it to e.g. hide some elements in the iframe. The pro version has many placeholders (the standalone version has only host and port available) which are replaced on the fly: {site}: the url to the WordPress root{host}: the current host from the request{port}: the current port from the request{userid [,defaultvalue]}: the id of the current user. The optional default value is used if no user is logged in.{username [,defaultvalue]}: the username of the current user. The optional default value is used if no user is logged in.{useremail [,defaultvalue]}: the e-mail of the current user. The optional default value is used if no user is logged in.{adminmail}: the e-mail of the WordPress admin{userinfo-X [,defaultvalue]}: extract attribute X from get_currentuserinfo. E.g. {userinfo-display_name}. The optional default value is used if the attribute is not found or set. See here for details. ' . $userinfo_html . '{usermeta-X [,defaultvalue]}: extract key X from get_user_meta. E.g. {usermeta-last_name}. The optional default value is used if the attribute is not found or set. See here for details. ' . $usermeta_html . '{href}: The full url that is shown in the address bar{urlpathX}: the Xth path element from the front. The first path element would be {urlpath1}{urlpath-X}: the Xth path element from behind. The last path element would be {urlpath-1}{requesturi}: The full request uri from the parent is added to the iframe. So everything behind the domain will be added to the iframe! E.g. www.domain.com/abc/cde -> www.iframe.com/abc/cde, www.domain.com/abc/cde/index.php -> www.iframe.com/abc/cde/index.php, www.domain.com/abc/cde/index.php?avc=3 -> www.iframe.com/abc/cde/index.php?abc=3{query-X [,defaultvalue]}: the value of the query parameter sent by GET or POST. ?example=myvalue would be {query-example} -> myvalue. The optional defaultvalue is used if the parameter is not found.{timestamp}: a time stamp which can be used to avoid caching of iframes{session_id}: the current session id if one is available. Otherwise, an empty string.{language:xx,yy,zz}: Replaces the placeholder with the current browser langauge. The comma separated list after the : is the list of supported languages where the first one is the default. E.g. de,en,es will return one of the list. And if the given language is not in the list de is returned. Make sure that no spaces are in the placeholders. If a placeholder value is not available/set the empty parameter removed from the url. If you like to keep them please use a default value. So ?p1=&p2=2 will be ?p2=2. All placeholders except {site}, {host}, {port} are urlencoded! An example would be src="https://demo.{host}/url?id={userid}". Especially for multi domain installations this is maybe helpful. If no user is logged in the values are empty or 0 for the id. urlpath does extract path elements from the url in the address bar. So {urlpath-1} for the url www.xx.com/a/bb/cc would be cc. All placeholders that cannot be resolved are removed. Shortcodes are supported. You have to replace the bracket [ with {{ and ] with }}. So if the shortcode is [link] you have to use {{link}} because shortcode attributes which include shortcodes are not supported directly by WordPress. Be aware of single and double quotations: src="https://demo.{{url domain=\'home\'}}/url". So only use \' for attributes of the nested shortcode. BBCode: If you have special characters e.g. [] in the url you need to use the bbcode style for the url: [advanced_iframe]url[/advanced_iframe]. PDF support: If you include a pdf google doc is used to render the pdf. This solution looks the same on all browsers. If you want to use the native pdf renderer of the browser/your system add NATIVE: before the url. Like NATIVE:https://www.example.com/pdf.pdf. Shortcode attribute: src=""', 'advanced-iframe');
} else {
$src_text = __('Enter the full URL to your page. e.g. https://www.advanced-iframe.com. Please do not use a different protocol for the iframe: Do not mix http and https if possible! Http pages are NOT shown in https pages. Please read this post for details. If you cannot save the full url because of mod_security don\'t specify the protocol (e.g. //www.advanced-iframe.com) or leave this field empty and define the src in the shortcode. Also use the free url checker below to make sure that you can include the page. You can also add parameters to this url like https://www.advanced-iframe.com/test.php?iframe=true. Then you can check this variable and use it to e.g. hide some elements in the iframe.', 'advanced-iframe');
}
printTextInputSrc(false, $devOptions, __('Url', 'advanced-iframe'), 'src', $src_text, 'text', '//www.advanced-iframe.com/advanced-iframe/advanced-iframe-pro-demo/url-features');
if ($evanto || $isDemo) {
printTextInput(true, $devOptions, __('i-20-Hide URL in HTML', 'advanced-iframe'), 'src_hide', __('This feature can hide the real URL by using a page which redirects to the real URL. The input defines the time in seconds the redirect link is valid. 0 creates links that only works once. The browser needs the URL of the iframe to load the content of the iframe. If a user looks at the source code or uses a developer tool to inspect the code he will only see the link to the intermediate page. Please note that users can still use the network tab to find the URL which is really loaded or by using the "view iframe source code" function of the browser! To make it a little bit harder the right click is disabled if you enable this feature. One time links only works if you don\'t use any caching plugin! If you use a caching plugin you can define the time in seconds a link is valid. This hides the URL not as good as before because a user can now copy and the link will still work for the time you have defined it. The plugin does support 2 ways to store the URLs: Database or file. By default, the file advanced-iframe-custom\iframe-data.csv is used to store the URLs. This is very fast but concurrent access to the file can cause issues. By defining |db after the time e.g. 0|db the URLs are temporarily stored in the WordPress database as transients. This solution is very stable, but is also slow (~0.5s). On the demo page you find more details which storage solution could fit best for you. Shortcode attribute: src_hide=""', 'advanced-iframe'), 'text', '//www.advanced-iframe.com/advanced-iframe/advanced-iframe-pro-demo/hide-url-in-html', true);
}
?>
Not all pages can be included in an iframe because they have a header flag this does not allow this. The free iframe checker is already included now in the administration. The Free iframe checker page has a 2nd step where you also can see if iframe killer scripts are running!', 'advanced-iframe'); ?>
Resize the iframe to the content height/width\' if you are on the same domain or the "External workaround" if the iframe is on a different domain. Also, vh is now supported! e.g. 100vh means 100% of the view port height. This is the "full screen" many users look after. This is now supported by all major browsers. See here. Pro user can do basic calculations. If you have e.g. a fix header or footer on a page. e.g. 100%-200px. See https://caniuse.com/calc for supported browsers!use media queries to give the iframe a different height depending on the width of the browser. This is pretty cool and can be configured by pressing the "Add breakpoint" link. There you can define the height for a certain width (breakpoint). You always define the upper width for a height. So if you want to optimize your iframe for mobile, table, desktop you can define 3 heights. If you want to define this in a shortcode you have to define first the default height. And then the other heights with a breakpoint separated by |. e.g. height="800,1000|800,1500|400". Please note that the breakpoints will be ordered automatically from big to small to work properly! ', 'advanced-iframe'), 'text', '', '//www.advanced-iframe.com/advanced-iframe/advanced-iframe-pro-demo/set-height-with-media-query');
if ($evanto || $isDemo) {
printTextInput(true, $devOptions, __('i-20-Remove elements from height', 'advanced-iframe'), 'remove_elements_from_height', __('By default, css can only remove a fix number like described before. This feature does calculate the heights of the elements you define and subtract the total value from the "Height" before. This makes it possible to e.g. have a header which has a dynamic height depending on the resolution and show an iframe on the rest of the page. So if you e.g. define 100vh before and "header" here, the iframe has always 100% of the browser - the height of the header. The height is recalculated when you resize the browser or rotate the device. You can define several elements separated by ",". You can use any valid jQuery selector pattern here! Please read the section "How to find the id and the attributes" to find the right id or class. So "header,#nav,.footer" does calculate the sum the height of the header element, the element with the id="nav" and the element with class="footer". There are 3 special options: "top" does calculate everything till the top of the iframe. Also, a distance can be calculated by using | e.g. #advanced_iframe|footer does calculate the distance between the bottom of the element with the id="advanced_iframe" and the top of the element footer. Sometimes this is needed if there are paddings/margins which cannot be measured otherwise. If you specify a number only this is simply subtracted. So "top,100" does subtract the top and 100px from the iframe. If you use this then before you can not use the calc function! Also, this feature does NOT work together when you define media queries before. It will always take the default height only! Shortcode attribute: remove_elements_from_height=""', 'advanced-iframe'), 'text', '//www.advanced-iframe.com/advanced-iframe/advanced-iframe-pro-demo/advanced-height-features-with-headers-and-fullscreen-iframes');
}
printNumberInput(false, $devOptions, __('Width', 'advanced-iframe'), 'width', __('The width of the iframe. You can specify the value in px, %, em, pt, vh, vw, rem or ch. If you don\'t specify a unit px is assumed. Pro user can also do basic calculations here if you have e.g. a fix left navigation on a page. e.g. 100%-200px. See https://caniuse.com/calc for supported browsers! Shortcode attribute: width=""', 'advanced-iframe'));
printAutoNo($devOptions, __('Scrolling', 'advanced-iframe'), 'scrolling', __('Defines if scrollbars are shown if the page is too big for your iframe. Please note: If you select \'Yes\' IE does always show scrollbars on many pages! So only use this if needed. Scrolling "none" means that the attribute is not rendered at all and can be set by css to enable the scrollbars responsive. Shortcode attribute: scrolling="auto" or scrolling="no" or scrolling="none"', 'advanced-iframe'));
if ($evanto || $isDemo) {
printTrueFalse(true, $devOptions, __('i-20-Enable scrolling on ipad and iphone ', 'advanced-iframe'), 'enable_ios_mobile_scolling', __('Currently mobile ios devices like ipad and iphone do not support scrolling inside an iframe properly. This changes from version to version. By enabling this parameter an additional div with additional ios css styles is wrapped around the iframe which does the scrolling. This feature is currently supported for simple iframes, show iframe as layer and show only a part of an iframe when scrolling is enabled. Please test this feature with all the ios devices you want to support! This feature does use the internal browser detection. So the additional div is only rendered for mobile ios devices! Zoom is currently only supported in the "show only a part of the iframe" mode! For all features where auto height is enabled the additional div is also not rendered as there no scrolling does exist. Currently the default is set to false. As soon as many users also report that this is working on many devices the default will be set to true. So please report if this features does/does not work for you! Shortcode attribute: enable_ios_mobile_scrolling="true" or enable_ios_mobile_scrolling="false" ', 'advanced-iframe'), false, '//www.advanced-iframe.com/advanced-iframe/advanced-iframe-pro-demo/scrolling-on-ipad-and-iphone');
}
printTrueFalse(false, $devOptions, __('Add surrounding p', 'advanced-iframe'), 'add_surrounding_p', __('Some themes like "Twenty Twenty-Two" require an additional p around the elements so that the content is displayed properly. By selecting "Yes" this p is rendered around the iframe element. The p element has the class="ai-surrounding-p" if you need to style it. If the p element is not needed you should not used it. Very often p in many themes have additional margins or paddings you might not want. Shortcode attribute: add_surrounding_p="true" or add_surrounding_p="false" ', 'advanced-iframe'));
printNumberInput(false, $devOptions, __('Margin width', 'advanced-iframe'), 'marginwidth', __('The margin width of the iframe. You can specify the value in px. If you don\'t specify a unit px is assumed. Shortcode attribute: marginwidth=""', 'advanced-iframe'));
printNumberInput(false, $devOptions, __('Margin height', 'advanced-iframe'), 'marginheight', __('The margin height of the iframe. You can specify the value in px. If you don\'t specify a unit px is assumed. Shortcode attribute: marginheight=""', 'advanced-iframe'));
printNumberInput(false, $devOptions, __('Frame border', 'advanced-iframe'), 'frameborder', __('The frame border of the iframe. You can specify the value in px. If you don\'t specify a unit px is used. To define a custom border, leave this field empty and define the border in the "Style" setting below. This setting sets the style border:none if the setting is 0 and sets border-witdh to the given value. Shortcode attribute: frameborder=""', 'advanced-iframe'));
printTrueFalse(false, $devOptions, __('Transparency', 'advanced-iframe'), 'transparency', __('If you like that the iframe is transparent and your background is shown you should set this to \'Yes\'. If this value is not set then the iframe is transparent in IE but not transparent in e.g. Firefox. So by default you should leave this to \'Yes\'. Shortcode attribute: transparency="true" or transparency="false" ', 'advanced-iframe'));
printTextInput(false, $devOptions, __('Class', 'advanced-iframe'), 'class', __('You can define a class for the iframe if you like. Shortcode attribute: class=""', 'advanced-iframe'));
if ($evanto) {
$style_fs = ' ' . __('For a full screen button over the iframe go to the advanced tab and there to the section "Hide/cover parts of the iframe".', 'advanced-iframe');
} else {
$style_fs = '';
}
printTextInput(false, $devOptions, __('Style', 'advanced-iframe'), 'style', __('You can define styles for the iframe if you like. The recommended way is to put the styles in a css file and use the class option. With the button below the width, height, content_id, content_styles, hide_content_until_iframe_color and the needed styles above for a fullscreen iframe are set. Also check the settings at the height where you can do calculations to add fixed headers/footers. Shortcode attribute: style=""' . $style_fs, 'advanced-iframe'));
printTextInput(false, $devOptions, __('Id', 'advanced-iframe'), 'id', __('Enter the \'id\' attribute of the iframe. Allowed values are only a-zA-Z0-9_. Ids cannot start with a number!!! This settings is mandatory. If the sanitized value is invalid the old value is used. Do NOT use any other characters because the id is also used to generate unique javascript functions! Other characters will be removed when you save! If a src directly in a shortcode is set and no id than an id is generated automatically if several iframes are on one page to avoid configuration problems. Shortcode attribute: id=""', 'advanced-iframe'));
printTextInput(false, $devOptions, __('Name', 'advanced-iframe'), 'name', __('Enter the \'name\' attribute of the iframe. Shortcode attribute: name=""', 'advanced-iframe'));
printTrueFalse(false, $devOptions, __('Allow full screen', 'advanced-iframe'), 'allowfullscreen', __('allowfullscreen is an HTML attribute that enables videos to be displayed in fullscreen mode. Currently this is a new html attribute not supported by all browsers. So please check all of the browsers you want to support. Shortcode attribute: allowfullscreen="true" or allowfullscreen="false"', 'advanced-iframe'));
printAiLazy($devOptions, __('Lazy load', 'advanced-iframe'), 'loading', __('Since WordPress 5.7 the loading attribute is rendered for iframes by default to support basic lazy loading for supported browsers. See here for the current support. The following values are supported: lazy: is a good candidate for lazy-loading. Please note: if you use features like "Hide the iframe until it is loaded" (hide_page_until_loaded) where the iframe is not shown by default this does not work. Also, the threshold seems to be very high at 3000px right now. See below how the pro version can help you here.No: Not rendering the attribute at all will have the same impact as explicitly eagerly loading the resource, except for Lite Mode users, where Chrome will use the auto value to decide whether it should be lazy-loaded. The pro version on the advanced tab has an advanced lazy loading that additionally does: ALL browsers are supportedThe iframe can be loaded after the parent page is loadedThe threshold when the iframe should be loaded can be configured. Currently, it seems to be 3000px.The iframe can fade inThe iframe can be loaded manuallyThe iframe space can be reserved or not. Shortcode attribute: loading="lazy", loading="eager", loading="auto", loading="false"', 'advanced-iframe'), "https://www.advanced-iframe.com/advanced-iframe/demo-advanced-iframe-2-0");
printTextInput(false, $devOptions, __('Sandbox', 'advanced-iframe'), 'sandbox', __('Enter the \'sandbox\' attribute of the iframe. See w3c or w3schools for details. To render sandbox without a value for all restrictions please enter "sandbox". Shortcode attribute: sandbox=""', 'advanced-iframe'));
printTextInput(false, $devOptions, __('Title', 'advanced-iframe'), 'title', __('The html title attribute of an iframe. Shortcode attribute: title=""', 'advanced-iframe'));
printTextInput(false, $devOptions, __('Allow', 'advanced-iframe'), 'allow', __('Since April 2018 the autoplay functionality of Chrome has changed. To still be able to play videos with sound in an iframe you need to set allow="autoplay" to the iframe. To allow e.g. camera and microphone inside iframes use "camera *;microphone *". Please see here for a list of directives and the browser support. Shortcode attribute: allow=""', 'advanced-iframe'));
printReferrerpolicy($devOptions, __('Referrerpolicy', 'advanced-iframe'), 'referrerpolicy', __('The referrerpolicy attribute specifies which referrer information to send when fetching an iframe. See here. Shortcode attribute: referrerpolicy=""', 'advanced-iframe'), 'https://www.advanced-iframe.com/advanced-iframe/demo-advanced-iframe-2-0');
printTextInput(false, $devOptions, __('Custom', 'advanced-iframe'), 'custom', __('You can add simple additional custom attributes here. By default unknown attributes are ignored in the shortcode and even reported if you enable the short code validation. If you like to add e.g. data-custom="my-custom" to the iframe you can add e.g. custom="data-custom=\'my-custom\'" here. " needs to be replaced by \'. This is then replaced again when the attribute is rendered. Multiple attributes can be separated by a space. Shortcode attribute: custom=""', 'advanced-iframe'), 'text', 'https://www.advanced-iframe.com/advanced-iframe/demo-advanced-iframe-2-0');
?>