Insert text into WYSIWYG Editor via link

[GameWizard]

I have seen a few requests for this in the past, however I cannot seem to understand how to achieve the same effect for the WYSIWYG editor as I have for the standard text editor.

All I am trying to do is have text appear in the textarea when creating a new post based on clicking a link, similar to how you click on a smilie and it appears inside the editor.

Here is my code:

<script type="text/javascript">
function insert(el,ins) {
    if (el.setSelectionRange){
        el.value = el.value.substring(0,el.selectionStart) + ins + el.value.substring(el.selectionStart,el.selectionEnd) + el.value.substring(el.selectionEnd,el.value.length);
    }
    else if (document.selection && document.selection.createRange) {
        el.focus();
        var range = document.selection.createRange();
        range.text = ins + range.text;
    }
}
</script>

And this is the link:

<input type="button" value="hello" onclick="insert(this.form.{$editorid}_textarea,'hello')">

Unfortunately, this only works for the standard editor, and can't seem to figure out why it does not appear inside the WYSIWYG editor aswell. Any help would be appreciated.

--------------- Added [DATE]1209215442[/DATE] at [TIME]1209215442[/TIME] ---------------

=== UPDATE ===
?????????????????
Alright, I have made some progress and have found a partial solution but require someones helpful guidance with javascript in order to make it fully functional. Here is my dilemma.

I have 2 javascripts which I need to merge. Here is the first:

<script type="text/javascript">
function insert(el,ins) {
    if (el.setSelectionRange){
        el.value = el.value.substring(0,el.selectionStart) + ins + el.value.substring(el.selectionStart,el.selectionEnd) + el.value.substring(el.selectionEnd,el.value.length);
    }
    else if (document.selection && document.selection.createRange) {
        el.focus();
        var range = document.selection.createRange();
        range.text = ins + range.text;
    }
}
</script>

<input type="button" value="test" onclick="insert(this.form.{$editorid}_textarea,'test123')">

The following script allows me to only insert text as many times as I wish into the Standard Editor only (not wysiwyg) and works as it should.

<script>
function insertText() {
var textstring = "Insert me into the Iframe please";
document.getElementById
("{$editorid}_iframe").contentWindow.document.body.innerHTML = textstring;
}
</script>

<a href="javascript:;" onClick="insertText()">test</a>

Since the wysiwyg editor is an iframe, I seem to require a different kind of code. In this case, the script allows me to have content appear in the wysiwyg only, but the issue with it is that it will remove any other text that was there earlier, and only allows me to enter it once. So if press it 10 times, it still only shows up once.
---

Bottom line, I'd like to have a dual action javascript which allows for the detection of {$editorid}_textarea being the textarea (standard editor) and {$editorid}_iframe being an iframe (wysiwyg editor)and allows for specific content to be placed within both via an OnClick event from a link.

[GameWizard]

Although I understand this is quite a daunting request, since it involves a substantial amount of thought. Would anyone be so kind to point me to a forum that may also be able to help me with this problem in case no one here is able to help?