css in rich text iframe - Softwareontwikkeling

dinsdag 20 april 2004 18:25

Acties:

Verwijderd

Topicstarter

Hallo,

Ik probeer nog steeds een rich text editor te maken met een iframe en javascript. De editor is bedoeld om mensen de mogelijkheid te bieden een website makkelijk te updaten. De wesbite zelf maakt gebruik van een css filetje. Het zou natuurlijk mooi zijn als de tekst in het iframe er hetzelfde uitziet als die die op de site komt (door de iframe ook aan eht css filtje te koppelen).

Kan iemand me misschien vertellen of dit kan en zo ja hoe?

tnx Matthijs

dinsdag 20 april 2004 18:27

Acties:

faabman

ff in de body van je iframe iets meenemen als

JavaScript:

1	document.write('<link rel="stylesheet" type="text/css" href="style.css" />');

edit:
als je het netjes doet dan zet je dat stukje dus tussen de head tags...

[ Voor 35% gewijzigd door faabman op 20-04-2004 18:28 ]

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!

dinsdag 20 april 2004 18:30

Acties:

Verwijderd

Topicstarter

De informatie die uit de iframe komt is html-code zonder <body>,<head> enzovoort tags. Op die manier kan ik het later rechtstreeks uit de database op de site gooien.

De iframe heeft geen src of iets dergelijks.
<iframe id="iframe" style="width:500px; height:200px" marginheight="5px" marginwidth="5px"></iframe>

er is dus denk ik geen plek om de css-verwijzing neer te zetten?

gr Matthijs

dinsdag 20 april 2004 18:41

Acties:

faabman

ehum... je geeft toch op een bepaald moment de body van je iframe een bepaalde waarde

dan voeg je daaraan gewoon die stylesheet toe... en dan rip je die er op een later moment weer gewoon uit...

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!

woensdag 21 april 2004 09:41

Acties:

Bosmonster

*zucht*

Pas overigens op met de style van je links aan te passen in de MSHTML editor. Dit heeft namelijk een hele nare bijwerking bij copy/paste of drag/drop acties. IE gaat dan proberen de style te simuleren met non-css code. Dus dan heb je ineens b, font en underline tags staan enzo en geen link meer

Voor zover WYSIWYG met Microsoft

donderdag 22 april 2004 01:11

Acties:

Vinzzz243

Bosmonster schreef op 21 april 2004 @ 09:41:
Pas overigens op met de style van je links aan te passen in de MSHTML editor. Dit heeft namelijk een hele nare bijwerking bij copy/paste of drag/drop acties. IE gaat dan proberen de style te simuleren met non-css code. Dus dan heb je ineens b, font en underline tags staan enzo en geen link meer

Voor zover WYSIWYG met Microsoft

waar haal je deze info vandaan? (niet dat ik je niet geloof mr omdat ik t interessant vindt om te weten

)

donderdag 22 april 2004 07:27

Acties:

rewind.

http://www.spidow.nl/downloads/wysiwyg_snippet.zip

in deze editor.php kun je een stylesheet zetten super handig

donderdag 22 april 2004 14:08

Acties:

Verwijderd

Een aanradertje hiervoor is ook htmlArea. (Werkt in IE 5.5+ en Mozilla 1.3+)
Hiermee kan je veel configureren, waaronder ook het toevoegen van een stylesheet aan je iframe.

Als je de documentatie hebt gelezen zul je zien dat je met het object HTMLArea.Config de dingen kan instellen, namelijk:

JavaScript:

var config = new HTMLArea.Config(); // create a new configuration object
                                    // having all the default values
config.width = '90%';
config.height = '200px';

// Include CSS
config.pageStyle = '@import url(dir/stylesheet.css);';

Zie http://dynarch.com/htmlarea/reference.html voor meer informatie.

Succes!