Toon posts:

css in rich text iframe

Pagina: 1
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

  • faabman
  • Registratie: Januari 2001
  • Laatst online: 08-08-2024
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!


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

  • faabman
  • Registratie: Januari 2001
  • Laatst online: 08-08-2024
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!


  • Bosmonster
  • Registratie: Juni 2001
  • Laatst online: 10-05 18:53

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 :P

Voor zover WYSIWYG met Microsoft ;)

  • Vinzzz243
  • Registratie: Februari 2001
  • Laatst online: 22-01-2025
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 :P

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 :D )

  • rewind.
  • Registratie: Oktober 2001
  • Laatst online: 25-05 22:01
http://www.spidow.nl/downloads/wysiwyg_snippet.zip

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

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:
1
2
3
4
5
6
7
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!
Pagina: 1