Ayuda con editor de texto para mi web

[cara_luna]

Hola quiero poner un editor de texto para mi web pero quisiera agregarle mas opciones de edición, es un excelente script que encontré en el foro, me pueden ayudar a agregarle las opciones de deshacer, rehacer, eliminar enlace, resaltar texto, insertar tabla,etc.
El script funciona perfecto y entre muchos es el mejor que he encontrado el único problema es que la opción de cambiar color de fuente function foreColor() no dá los colores, bueno les dejo el script para quienes quieran copiarlo y ojalá puedan ayudarme a mejorarlo:

Código javascript:

<STYLE TYPE="text/css">
TABLE#tblCoolbar 
    { 
    background-color:threedface; padding:1px; color:menutext; 
    border-width:1px; border-style:solid; 
    border-color:threedhighlight threedshadow threedshadow threedhighlight;
    }
.cbtn
    {
    height:18;
    BORDER-LEFT: threedface 1px solid;
    BORDER-RIGHT: threedface 1px solid;
    BORDER-TOP: threedface 1px solid;
    BORDER-BOTTOM: threedface 1px solid; 
    }
.txtbtn {font-family:tahoma; font-size:70&#37;; color:menutext;}
</STYLE>
 
<script LANGUAGE="JavaScript">
function button_over(eButton)
    {
    eButton.style.backgroundColor = "#B5BDD6";
    eButton.style.borderColor = "darkblue darkblue darkblue darkblue";
    }
function button_out(eButton)
    {
    eButton.style.backgroundColor = "threedface";
    eButton.style.borderColor = "threedface";
    }
function button_down(eButton)
    {
    eButton.style.backgroundColor = "#8494B5";
    eButton.style.borderColor = "darkblue darkblue darkblue darkblue";
    }
function button_up(eButton)
    {
    eButton.style.backgroundColor = "#B5BDD6";
    eButton.style.borderColor = "darkblue darkblue darkblue darkblue";
    eButton = null; 
    }
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
var isHTMLMode=false
 
function document.onreadystatechange()
    {
    idContent.document.designMode="On"
    }
function cmdExec(cmd,opt) 
    {
    if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;}
    idContent.document.execCommand(cmd,"",opt);idContent.focus();
    }
function setMode(bMode)
    {
    var sTmp;
    isHTMLMode = bMode;
    if (isHTMLMode){sTmp=idContent.document.body.innerHTML;idContent.document.body.innerText=sTmp;} 
    else {sTmp=idContent.document.body.innerText;idContent.document.body.innerHTML=sTmp;}
    idContent.focus();
    }
function createLink()
    {
    if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;}
    cmdExec("CreateLink");
    }
function insertImage()
    {
    if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;}
    var sImgSrc=prompt("Insert Image File (You can use your local image file) : ", "url");
    if(sImgSrc!=null) cmdExec("InsertImage",sImgSrc);
    }
function Save() 
    {
    if (isHTMLMode){alert("Please uncheck 'Edit HTML'");return;}
    var sImgTag = idContent.document.body.all.tags("IMG");
    var oImg;
    for (var i = sImgTag.length - 1; i >= 0; i--) 
        {
        oImg = sImgTag[i];
        alert("Add your code to Upload local image file here. Image Inserted : " + oImg.src );
        }
    alert("Add your code to Save Document here");
    alert("Your Document : " + idContent.document.body.innerHTML);
    }
function foreColor()
    {
    var arr = showModalDialog("selcolor.htm","","font-family:Verdana; font-size:12; dialogWidth:30em; dialogHeight:34em" );
    if (arr != null) cmdExec("ForeColor",arr);  
    }
</script>