[dhtml/javascript] htmltags schrijven

[Zynth]

Ik zit met een probleem.
Ik heb een IFRAME waarin ik html schrijf. Dat IFRAME is ook editable,
wat betekent dat je er WYSIWYG in kan editten.
Op het moment dat ik initialiseer dan schrijf ik eerst de html die
gewerkt moet kunnen worden uit mijn database naar het iframe:

code:

function fillEditBox( element, content ){
  getElement(element).isHTMLMode = false;
  getElement(element).document.write( content );
  getElement(element).document.designMode="On";
}

het gaat even om de write();
Dit gaat namelijk goed; als ik bijvoorbeeld als string meegeef:
<div>tralalaaa</div> dan zet hij dat netjes in de iframe.
Maar... als ik een "html-tag" die niet bestaat (of als ik hem fout definiëer ofzo)
zoals <groente>, dan verwijderd hij die zelf om een of andere reden.
Kan ik dit voorkomen?
Of kan ik op een andere manier toch iets writen waar hij niet met zijn tengels aanzit?

Het probleem zit hem namelijk in <span style="normaal">
dat veranderd hij zelf in <SPAN>, waardoor mijn stylesheet dus niet werkt
Of is er een andere, wél certified manier om een style toe te voegen?

[djluc]

Zoek eens op insertHTML, daar kan je misschien wel wat mee. Waarom wil je verder een span met opmaak toevoegen? Wat heb je daaraan?

[Zynth]

nou, ik wil bepaalde stukken tekst met een bepaalde opmaak laten geven.
daarom doe ik dan meestal <span style="ietsuitmijnstylesheet> hier komt mijn tekst </span>
ik zal even kijken of ik aan insertHTML wat heb

[djluc]

Bedoel je niet gewoon zaken als tekst vet maken enzovoorts?

[Zynth]

nee, ik heb gewoon een stylesheet die definiëert hoe tekst eruit ziet.
Met daarin een tekstgrootte in px etc...
Mijn vraag is eigenlijk gewoon hoe ik een willekeurige (evt. xml-tag) in mijn
ding kan krijgen. Ik bedoel; waarom zou ik geen <blaat> mogen opnemen in mijn code?

[Thijsmans]

Tsja, misschien beperkingen met de designMode, waarbij de browser de inhoud altijd aanpast? Overigens, niet zo gek dat de browser 'style="spef"' uit de Html haalt. "spef" is immers geen geldig style-attribuut. Ik neem aan dat je class bedoelt? Overigens, als je XML wilt gaan editen, heb je niet zoveel aan een WYSIWYG-Html-editor, dunkt me

[djluc]

En als je het op de dom methode doet?

JavaScript:

var el=document.createElement('span');
el.setAttribute('class', 'jeclassnaam');
jeiframe.document.appendChild(el);

[mocean]

Wat ik eens heb gelezen in de FAQ van HTMLArea, is dat zo'n editable ding geheel door de browser wordt gecontroleerd. in geval van IE komt er alleen HTML 4.01 uit. Ongeldige tags worden dus genegeerd.

Doe hier de test maar eens:
http://www.htmlarea.com/htmlarea_2/
(er staat een editable area in de pagina)

Als je naar Source edit gaat (knopje '< ?>') en je propt er wat non valid HTML in (<groen>) dan gaat ie eruit wanneer je weer naar Desig mode gaat, weinig aan te doen.