WYSIWYG Editor, Textarea und Iframe

[Snowowl]

Hallo liebe Tutorials.de User,

ihr könnt euch nicht vorstellen, wie verzweifelt ich bin.
Ich programmiere seit gestern mit JS einen WYSIWYG Editor, zumindest habe ich dies vor.
Gleich vorne weg: ich möchte das Rad natürlich nicht neu erfinden, sondern mein JS Verständnis verbessern. ;-)
So weit so gut.
Doch nun bin ich an der Stelle angekommen, wo, was ich durch sehr sehr ausgiebiges googlen heraus gefunden habe, schon viele vor mir Probleme mir hatten.
Ich bin soweit gekommen, dass ich nun weiß, dass man über eine Textarea ein Iframe legen muss.

<textarea id="editor" style="overflow: scroll;">Hallo</textarea>
<iframe name="editorIframe" frameborder="no" id="editorOverlay" style="display: inline; position: absolute; font-family: Verdana; font-size: 13px; margin: 0 0 0 0; padding: 0;" src=""></iframe>

Soweit bin ich schon, doch nun weiß ich nicht, wie ich die Eingabe aus der Textarea an das Iframe übergeben soll.
Ich hatte mir so etwas gedacht:

function transferChar(charValue)
{
	document.getElementById("editorOverlay").value = charValue;
}

Ich hoffe jemand von euch kann mir weiterhelfen.

Vielen Dank schonmal im Voraus und euch einen schönen Abend noch,

Niklas

 

[Sven Mintel]

Ich bin soweit gekommen, dass ich nun weiß, dass man über eine Textarea ein Iframe legen muss.

Wie bist du denn zu dieser Erkenntnis gelangt.

Für gewöhnlich wird dort ausschliesslich ein iFrame verwendet. Selbiges wird dann durch Setzen seiner "designMode" - Eigenschaft "editierbar" gemacht, so dass man dort Eingaben machen kann, wie bei einem textarea.

http://www.mozilla.org/editor/midas-spec.html

 

[Snowowl]

Danke, hast mir damit sehr geholfen!

Doch eine Frage habe ich noch:
Gibt es eine Funktion, die das Gleiche wie

document.getElementById("editor").focus();

bewirkt?

Grüße,

Niklas

 

[Sven Mintel]

Falls du versuchst, dem iFrame den Fokus zu geben, versuche es mal so:

document.getElementById("editorIframe").contentWindow.focus();

...der Editor sollte allerdings bereits im designMode sein, wenn du dies zust.

 

[Snowowl]

Hi,

ist es denn auch möglich etwas wie

document.getElementById("editor").contentWindow.oncontextmenu = menu;

zu machen?

Grüße,

Niklas

 

[Sven Mintel]

Hab ich noch nicht probiert, sollte aber eigentlich klappen....probiers einfach mal aus
(oncontextmenu kennt allerdings nur der IE)

 

[Snowowl]

Funktioniert nicht, auch nicht, wenn ich statt
oncontextmenu
onkeypress o.ä. eingebe