TinyMCE - Forum / TinyMCE / Tips, Tricks & HowTo's / Change HTML of Page loaded in iframe.

1 Topic by Pharmeon 2012-05-14 12:14:55

Pharmeon
Member
Offline

Registered: 2012-05-14
Posts: 3

Topic: Change HTML of Page loaded in iframe.

I have 1 issue with the TinyMCE.

In my stylesheets i target the style of my content to a div#content, or div#contentarea.

Now i want to see in my editor the style applied on the fly.

I tried to add a div arround the editor, but i can not manage to find the location / template where the page loaded in the iframe is created.

if found where the <body .......... /><br></body> is build, and that the <br> is replaced with the content which needs to be edited. I tried to <body ......... /><div id="content"><br></div></body>

But in this case the <div id="content"><br></div> is replaced completly..

my question is! : is there a way to place a div arround the content, in the page loaded in the iframe.

Thnxz in advance.
Edwin

2 Reply by PetLJ 2012-05-14 13:22:37

PetLJ
Member
Offline

Registered: 2009-09-10
Posts: 9

Re: Change HTML of Page loaded in iframe.

You can specify CSS styles to use in editor. I.e. you don't have to wrap your contents in layout elements (<div id="content">...</div>).

See: http://www.tinymce.com/wiki.php/Configu … ontent_css

3 Reply by Pharmeon 2012-05-14 14:06:59

Pharmeon
Member
Offline

Registered: 2012-05-14
Posts: 3

Re: Change HTML of Page loaded in iframe.

Thats not really what i need,

In this case it will take H1,H2,H3, enz... correct but not if i target like this in my main style.css in my websites.

#content h1,h2,h3,h4 {
bla bla ....
}

It will show correct on the website after saving, but not while editing in the editor. because this surrounding div doesnt exist in the page loaded in the iframe.