iframes in HTML blocks

Hello all,

I searched for this everywhere before posting. I am not an expert so I hope someone can help me. I created a new page under Builders => Page Blocks. Then I added a new column to the page and inside it I put a new "HTML Block". Now each time I try to use the html editor to embed an iframe code it does not save the code and the "HTML Block" remains empty. So where is the problem please?

Thank you in advance!

Did you enter the HTML code into the editor's HTML window? You can access this window by clicking the "HTML" button in the editor's toolbar.

I was able to duplicate this using 7.0.4 (upgraded).

@Magnussoft, can you try it as well?

@Magnussoft yes, that's exactly what I did. I click on the html button, then I enter the code and click on "Update". But nothing happens and the page remains empty, and when I click on the HTML button again it is empty as well. Is this normal?

@Zaracon I had installed the latest Dolphin version (7.0.4) only three days ago. And it was a fresh install so I am very surprised to have an issue like this.

In what must have been my first use of an inline frame in years, I found that I also couldn't use one in a HTML block as an administrator. This sounds like a bug.

You could try this. Note i have not tested this.

Edit administration\js\page_builder_tiny.js

Near the bottom of the file look for this.

theme_advanced_buttons3 : "charmap,emotions,|,cite,abbr,acronym,attribs,|,preview,removeformat,|,code,help",
theme_advanced_buttons4 : "table,row_props,cell_props,delete_col,delete_row,delete_table,col_after,col_before,row_after,row_before,row_after,row_before,split_cells,merge_cells",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "center",
valid_elements : "*[*]"


Add a new line to that that as shown below to allow the iframe tag with the specified allowable perams.

theme_advanced_buttons3 : "charmap,emotions,|,cite,abbr,acronym,attribs,|,preview,removeformat,|,code,help",
theme_advanced_buttons4 : "table,row_props,cell_props,delete_col,delete_row,delete_table,col_after,col_before,row_after,row_before,row_after,row_before,split_cells,merge_cells",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "center",
extended_valid_elements : "iframe[src|width|height|name|align]",
valid_elements : "*[*]"


Then see if the editor will take and keep your iframe.

Of course, there's always the database route...

Close Deano..  The code in red is missing from the latest version of the file:

tinyMCE_GZ.init({
plugins : "style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,contextmenu,paste,directionality,fullscreen,visualchars,nonbreaking,xhtmlxtras",
themes : "simple,advanced",
languages : "en",
disk_cache : true,
debug : false
});

tinyMCE.init({
mode : "textareas",
theme : "advanced",

editor_selector : "form_input_html",
content_css : "plugins/tiny_mce/dolphin.css",

plugins : "style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,contextmenu,paste,directionality,fullscreen,visualchars,nonbreaking,xhtmlxtras",
relative_urls : false,

theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,fontselect,fontsizeselect",
theme_advanced_buttons2 : "forecolor,backcolor,|,bullist,numlist,|,outdent,indent,|,link,unlink,image,hr,|,sub,sup,|,insertdate,inserttime,|,styleprops",
theme_advanced_buttons3 : "charmap,emotions,|,cite,abbr,acronym,attribs,|,preview,removeformat,|,code,help",
theme_advanced_buttons4 : "table,row_props,cell_props,delete_col,delete_row,delete_table,col_after,col_before,row_after,row_before,row_after,row_before,split_cells,merge_cells",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "center",

entity_encoding : "raw",

paste_use_dialog : false,
paste_convert_headers_to_strong : false,
paste_remove_spans : false,
paste_remove_styles : false,
valid_elements : "*[*]"

});

Replacement /administration/js/page_builder_tiny.js file attached.

is there any way of using iframes in orca forum posts ??

thanks

Yes, but it's a really bad idea to allow your members to do this.  It's a great way for someone to turn your site into an attack site by iframing malicious code hosted on a different site.  If you're willing to risk being blacklisted by Google and all major virus protection software vendors, then you can add the iframe tag as an allowed element in HTMLPurifier.  However, since it's such a bad idea, I'm not going to tell you how to do it.

oh man come on. ;-)

u gave me a hope. how can i do it.. if you dont wana post it can u send it to me please ?

or is it possible to make it an option for administrator only. i am sure there must be a way.

regards

I'll tell you tomorrow.

Maybe

I'll give you a clue:

canvas_init.xsl

LOL @ HL - Thats just mean.. funny.. but mean :)

oh cheerz mate... ;-)

thats really helpfull.... well not really.

modules/boonex/forum/layout/base/xsl/canvas_init.xsl

modules/boonex/forum/layout/base_en/xsl/canvas_init.xsl

Merry Christmas

Good work grumpy one.....

Am I correct in understanding that if I use houstonlively's above file to replace the existing file I will be able to add iframes in the html editor and everything will work neatly.

I want to add a Amazon widget.

Don't think so... I tried it and so far it's still not working

Actually, after clearing cache, it appears to be working!

http://www.boonex.com/unity/forums/#topic/Making-Changes-Clear-Your-Cache-.htm

Still having trouble with this iframes stuff.

I uploaded Houstonlively's page_builder_tiny.js file, cleared 'all' cache and js/css cache from admin panel, pasted the amazon iframe code into a html block using the html source editor button and still can't see any results. It seems the source editor doesn't save the iframe code.

The amazon code is their standard widget code.

<iframe src="http://rcm.amazon.com/e/cm?t=mc0f6-20&o=1&p=12&l=bn1&mode=books&browse=6&fc1=000000&lt1=&lc1=3366FF&bg1=FFFFFF&f=ifr" marginwidth="0" marginheight="0" width="300" height="250" border="0" frameborder="0" style="border:none;" scrolling="no"></iframe>

What am I doing wrong?

Can anyone help with this iframe stuff

Wow! Thank You so very much!!!! This has solved a very pressing issue we were having with our site. We feature games from a well known browser game developer and is partly how we generate our income. We have a 4 year contract with the developer and are required to iframe his games within our site and since we have made the switch to dolphin we have been pulling our hair out trying to figure out how to get this task done.

Thanks to your post we have been able to keep our contract with the game developer and feature their games. Thank you, thank you, thank you!!!!!!

Hey HL, Deano and everyone

I downloaded your new file HL and installed,

Cleaned cache and even disabled while developing as Deano suggests

Also added the extra line that Deano placed in his first post, But .......... to no avail the iFrame still won't appear in the HTML block

Here's the very simple iFrame code I'm trying to use:

<iframe name="now_playing" width="200" height="60" border="0" frameborder="0" src="(mysite)/sonic/stats.php" scrolling="no"></iframe>

Any ideas at all?

Steve

1. Don't add the line Deano suggested if you replace the file.  It isn't necessary.

2. Delete ALL files in the /cache_public directory via ftp

database, edit is the only way without changing code

http://www.duvallocals.info/page/widgets

Hi HL,

Thanks for your response - I only added the line after I tried the new file on it's own. I aso cleaned all the caches from the admin home, from Deano's tools and then via ftp just to make sure. No luck unfortunately. It seems it may have something to do with the 3rd Party theme I am using as I also have trouble with the wall posts when uploading sound files - I'll get there eventually - Thanks for your help anyway.

Newton27

I may just try the database method but I'm not fully conversant with how Dolphin works yet so I'm on a fairly steep learning curve. Once I get an understanding of where everything is I'll be a lot happier to mess around - but thanks for the tip

All the best

Steve

I really hope boonex does something about this because youtube has switched to favourite <iframe> codes - and they are basicaly warning that the old code may vanish in favour of iframes.

I have tried several ways to add facebook 'comments and other apps they have  this to the site too.

Facebook uses nothing but iframes coding so why is OUR sites so out of date?

Is a fix coming soon from boonex or do we stay behind facebook - youtube and everyone else living in the year 2011?

Seems like a quick fix should be worked on.

Keep in mind that allowing iframe embed code in Dolphin isn't as simple as you think it should be.  You can't just arbitrarily allow the iframe tag all over the place.  Allowing iframe embed code is going to be a real pain in the ass, because it will require custom filters to be written for html purifier for every site from which you want to embed videos.  What I see complicating this, is the fact that the folks at htmlpurifier.org recently deprecated the filter functions of their product in favor of 'safe object' and 'safe embed'.  The filter functions are still in HTMLPurifier, and I hope they reverse their decision to deprecate the functions, because this is how Dolphin will need to accommodate the new iframe embed code..... or at least that's the quickest way to get it implemented.

 This is beautiful thanks Lively

This really worked for you? I could not get it to work in 7.0.5. I had to code the frame within the db for it to work when I needed a widget.

 iFrames are3 bad

iframes = hacked.

it worked for me because I had to imbed a facebook feed within the site. All face book uses is IFrame

I've been using iframes for almost two years on four different sites with not a single issue.

Please explain the con's more in depth for us.

bump on this topic.

What are the con's of using an iframe?

I have iframes too in a new mod I have had made for my site. No problems so far...

Having just gone through everything here that did not work , I have simply added the iframe to the language block i wanted to use and all is well. Using D7.006 I think

Having just gone through everything here that did not work , I have simply added the iframe to the language block i wanted to use and all is well. Using D7.006 I think

Why don't they just do this. Why do I always have to fix it.

Will the replacement .js file work in 7.07?

Never mind, answered my own question.

hmmm...  Ive created a language key called amazon widget 1, thrn went to my html block, put "amazon widget 1" in the key stringh and thats all it shows - the ioframe code I set in the langauge key doesnt show up...  I have tried both those code mod fixes to now joy - im on dolphin 7.06 id love a complete piece of code to add... tried these and hasnt worked.. stumped.

You need to enter code with the <iframe> tag directly into the database, or else it gets stripped for security reasons.

Thaks Nathan... whereabouts in the database  (any ideas?  as I dont fancy searching blindly through all the databas).. sorry to ask.

Just follow HoustonLivelys post above and you'll be able to enter iframes in your html blocks

Ive already done that, editing that file and didnt get anywhere..  will try again though

EDIT: just re read this thread and it seems others have this same issue...  I tried replacing the replacement jjs file, cleared the cache as recommended (via ftp), then tried the one line modification (in red font above) and no joy.

I just did it in 7.07 and it worked fine for mme. make sure you clear ALL your cache and your browser cache as well

OK... It works!

I had originally only cleared the cache directories via ftp.. this time I deleted those, plus browser cache and it worked, so thankyou!!

Hi there. 

First of all, thank you houstonlively for your script, the iframe issue is finally resolved for me, however, I am having another problem. Since I've replaced the page_builder_tiny.js I am no longer able to use any other scrips, like simple html codes such as <a>, <span> or <div>, etc. Iframe works fine, but any other code won't work at all. Anyone else having the same problem? I would appreciate some answers. Dolphin 7. Thank you ever so much, folks!

Who in their right mind would build a CMS that does not support Iframes?

I am trying to use come2play.com flash games and they require Iframes.

Not to mention all of the other services and sites that use Iframes.

I must admit I am very very shocked that D7 does support Iframes.

People in this thread have said that they got it to work and that they have answered their own questions but have not shared the details.

Do the programmers read the forums?

People post ideas that they have not tested. If you don't know the effect that something will have on someone else site is it a good idea to post it without testing it?

Could one of the people that did get this to work please give a detailed, step by step on how they did it please.

I have

There is a more recent solution posted here http://www.boonex.com/forums/topic/HTML-Block-in-7-08-is-CRAP-.htm

This one has been tested a number of times, and known to work and it's for the admin to be able to insert things such as iframes and javascript into page blocks only.

You NEVER want to allow your members to do it. Both javascript and iframes are security risks, hence the reason as to why the editor strips them out.

 I have just tried this solution and it will not display the iframe.

We should have the right to decide what security risks we want to take a chance on. Removing the ability to do iframes does no good for Boonex and causes issues for the site admins.

as for not letting users into the admin side of your site, that is really a no brainer.

If you don't want to add extra modules and or manually change the code.

1. Create HTML block on desired page for iframe
2. Insert your page code (and I suggest when creating this block you insert your Language "key" i.e. "_games, _iframe")
3. Open your phpmyadmin from you cPanel
4. Open your Dolphin MySQL database
5. Open and edit sys_page_compose
6. navigate to the last page of list with the ">>" button
7. find the caption  "_games, _iframe" listed for the index page or the page you inserted the games or iframe code to
8. re paste the game, iframes code into the "Content" field
9. and click "Go"

[edit] make sure to clear your cache

this is taken from http://www.boonex.com/unity/forums/?action=goto&my_threads=1#topic/How-Do-I-Add-Facebook-Fans-Box--2010-12-14.htm

 http://www.boonex.com/forums/?action=goto&my_flags=1#topic/iframe-not-work-in-new-page.htm

 Have you tested this yourself in D7?

There's a PHP block mod running around here somewhere that you should add.

www.boonex.com/forums/topic/Add-PHP-blocks-to-Pagebuilder-for-D7.htm

Then you just drop the PHP block into your page assign a string to carry your HTML values then echo it

$sHtml = '<iframe width="420" height="315" src="http://www.youtube.com/embed/KR9Qt6FFSu8" frameborder="0" allowfullscreen></iframe>';

echo $sHtml;

The PHP block is an awesome tool! I use it for my google adsense blocks.

 http://www.duvallocals.info/page/iframe

@ newton27 , Well played. Well played indeed. :)

Will this allow the average user to add iframes to the site or is it just for use by admin?

 I have followed your instructions to the letter and it did not work. I saw that you did get Iframes to wok by clicking the link above. Are you sure that you have included every single step needed to get Iframes to work?

Yes, all steps are there; you may have to manually clear your /cache and /public_cache via ftp or file manager. Make sure you leave the .htaccess file in each folder.

this is another iframe example of a game.

http://www.duvallocals.info/page/widget_arcade

 Manual clearing of the cache worked. This is really going to help a lot.  Thanks! :)

 Your welcome, glad you got it to work for you.

 This one worked for me Thanks!!!!!

look here

http://xmako.com/

this woork

<script type="text/javascript">// <![CDATA[

/***********************************************

* IFRAME Scroller script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/

//specify path to your external page:

var iframesrc="http://www.itoto4.com/18.html"

//You may change most attributes of iframe tag below, such as width and height:

document.write('<iframe id="datamain" src="'+iframesrc+'" width="120px" height="750px" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>')

// ]]></script>

http://www.dynamicdrive.com/dynamicindex2/iframe-scroller.htm