I tried to edit my forum post. However I am getting an xslt error. So I will just append it...

I pasted iFrame code via the HTML view in the rich text editor. It shows up in the design view. 

However, when I save and publish then I go back to the HTML view everything is gone. When I go to the website, the iframe is not showing up. Is there a setting I need to allow this to work right?

I am using the standard iFrame code to embed a google map. 

Thanks for the assistance.

Mike

http://our.umbraco.org/forum/using/ui-questions/25452-TinyMCE-manipulates-my-html-tags

Think this answer is what you are looking for...

Hey Mike,

I checked out the link and I added it to the config. However it's still not working. Any thoughts why? Seems like it should. I even did a iis reset to make sure it wasn't somehow not reading the new xml doc

I found this as well. Jan can you tell me why it is not recommended to do the below? Also any other work arounds?

Is there a way to make a page and use it as a macro?

From Jan

In order to get this to work you will need to set tidy to false in the umbracoSettings.config though, which is not neccesarily recommended to do.

tidy is a second level of cleansing on the html... we've been running 100+ sites with it turned off with and haven't seen any issues ;-) 

I wonder if it's a legacy feature from when tinymce implementations didn't do such a good job of cleansing? or actually pre tinymce when the richtext editor used a wysiwyg other than tinymce?

Have anybody found a solution to it?

Hey MarkD, I implemented your solution. There seems to be a major issue happening when it comes to the iframe. It seems to somehow create massive havic.

Anything past the closing iframe tag is ignored. Viewing the source, it all looks correct. Also my jquery menu bombs, the script is called at the end of the main template thus, it's definitly the iframe macro keeping any of the HTML to be rendered.

Are you experiencing any of these issues?

I prefer to render elements like iFrames (e.g. for youTube embeds) as macros. i.e. you could create a macro that renders the iFrame in a macro. If the src is dynamic it can be passed as a parameter to the macro. This also negates the need for your content editors to know anything about iFrames.

Cheers

Paul

Probably moving away from the post main thread now... but I find using macros in the richcontent area a bit hit and misss... first you have to explain the "aw snap" issues with Chrome to the client, then you sometimes end up with random <p></p> tags before and/or after the rendered macro content at the front end.

If the macros are utilised in templates then all seems fine... it is just macros in the RTE that exhibit strange goings on.

Hi Paul,

MarkD submitted the following code. However there were issues.

@Paul - Was the below the same as you were referring to?

@Mike - Can you elaborate a bit more on your solution?

 Part A: Create the XSLT File and Macro

1) Create a New Clean XSLT File and tick Create Macro.

2) Give the Macro a Name, such as: Vimeo IFrame Embedd for Vimeo Universal Player

3) Paste in the following Code:

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE xsl:Stylesheet [ <!ENTITY nbsp "&#x00A0;"> ]><xsl:stylesheet  version="1.0"  xmlns:xsl="http://www.w3.org/1999/XSL/Transform"  xmlns:msxml="urn:schemas-microsoft-com:xslt" xmlns:umbraco.library="urn:umbraco.library" exclude-result-prefixes="msxml umbraco.library"> <xsl:output method="xml" omit-xml-declaration="yes"/><xsl:param name="currentPage"/><xsl:variable name="location" select="/macro/location"/><xsl:variable name="width" select="/macro/width"/><xsl:variable name="height" select="/macro/height"/><xsl:template match="/"><iframe src="{$location}" width="{$width}" height="{$height}"></iframe></xsl:template></xsl:stylesheet>

Part B: Add Paramaters to the Macro

1) Save your XSLT file.

2) Go to the Macro Section and in the new macro add the following 3 paramaters, all of which are of Type text:

Alias and Name:

locationwidthheightTick "Use In Editor"

3) Save the Macro

Part C: Using the Macro to Embedd the Vimeo Video on the Umbraco Page

1) Go to the umbraco content page you want to embedd the iframe video on to.

2) Click on the Macro button and select the new macro from the drop down.

3) For the location, paste in the URL of the Video. Such as: http://player.vimeo.com/video/40514689 (Which you get from your IFrame Code)

5) Enter your required width and height.

6) Save and Publish your page. You will need to log out of Vimeo to test this or the Vimeo page will open instead of the video.

Hey Mike Chambers, I implemented your solution and I am getting the same results where the iframe code is somehow stopping the rendering of any further HTML.

Anyone have any thoughts?

changing the xsl:output method to HTML probably would have worked as well

Thanks Paul! That did work as well.

Hi Mike and Paul,

That is great. This works for me.

Thanks,
Mark

FYI, another method to stop self closing of divs in xslt macros...

{iframe}{xsl:value-of select="normalize-space('')"/}{/iframe}

Bottom line, the version of TinyMCE/Tidy that ships with Umbraco 4.7 is broken by not allowing iframes even though they are allowed in the TinyMCE config.  Tidy should not be stripping out the empty iframe tag.  And, TinyMCE should not be removing content inside the iframe tag, which is your no frames content.

is working on a reply...