wie setze ich den designMode eines Frames auf on?
$("#textEditor").attr("designMode", "on");
Den designMode musst du am document-Objekt anschalten, nicht am iframe-Element.
$("#textEditor").open();
$("#textEditor").write("<head><style type='text/css'>body{ font-family:arial; font-size:13px;}</style></head>");
$("#textEditor").close();
Das jQuery-Objekt bietet keine open-, write- und close-Methoden. Du musst auf das document-Objekt zugreifen, das bietet diese Methoden.
Über contentDocument kannst du ausgehend von einem iframe-Element (dem DOM-Objekt selbst, nicht dem jQuery-Wrapper!) auf das document-Objekt des Dokuments darin zugreifen:
[code lang=html]<iframe id="the-iframe"></iframe>
~~~javascript
var iframeDocument = $('#the-iframe').get(0).contentDocument;
iframeDocument.designMode = 'on';
iframeDocument.open();
iframeDocument.write('<!DOCTYPE html><html>…</html>');
iframeDocument.close();
(Ungetestet)
Danke im voraus für Verbesserungen an dem Code und vielleicht eventuell ein Link zu einem Tutorial(geht auch in Englisch), welches JQuery benutzt.
Schau dir einmal den Code eines einfachen jQuery-RTE-Plugins an. Die machen in der Regel nicht viel.
http://code.google.com/p/lwrte/
http://code.google.com/p/rte-light/
https://github.com/buntekuh/jquery-rte
Mathias