Editor - Iframe

Hallo zusammen,
ich habe jetzt schon länger gegoogelt, um folgendes herauszufinden, aber nur schwammige Antworten gefunden, die meistens kein Ergebnis brachten:

Wie kann ich einen Editor erstellen (mit HTML und Javascript), in dem die BB-Codes nicht angezeigt, sondern so wie hier bei Spacequadrat der Text nur bearbeitet wird?
also z.B. man klickt auf fett, und es kommt ein fetter Text, der nicht so aussieht: [bold]Text[/bold]

es sollte möglichst einfach sein, mir geht es nur um das Grundprinzip, ich weiß schon, das man irgendwie einen Inline-Frame einsetzen muss, der aber keine Source (src=) hat, und diesen irgendwie so aktivieren:

Name_des_iframes.document.designMode = 'On'

Weiß jemand, wie es genau geht?

Edit: diese Art von Editor heißt WYSIWYG

Man muss dem Iframe Commands übergeben. In etwa so:

function cmd(cmd, param)
{
    document.getElementById('edit').contentWindow.document.execCommand(cmd, false, param);
}

Für fetten Text z. B. ruft man cmd('bold', null) auf. Damit wid automatisch der aktuell markierte Text fett formatiert. Jedoch basiert das ganze auf HTML und funktioniert nicht mit BBCode. Du musst dann eben von HTML in BBCode übersetzen.

Hier ist eigentlich alles klar erklärt:
http://www.mozilla.org/editor/midas-spec.html (auch wenns etwas unvollständig ist)

grüssse
g.

EDIT: Ersetze „& #40;” in Gedanken durch „(” und „& #41;” durch „)”.

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

Da stehen dann nur noch die Englischkentnisse im Weg ^^

Aber Dankeschön, du hast es mir ja sehr gut erklärt

Matthias