lo mismo q un post anterior, para mas informacion buscalos como editores WYSIWYG
http://tinymce.moxiecode.com/index.php
http://www.caricatos.net/editor/index.php
o te puedes crear uno muy sencillo con un codigo como este.
<html>
<head>
<title>Editor de texto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="JavaScript">
function Inicializar()
{
editor.document.designMode = 'On';
}
function Negrita()
{
editor.document.execCommand('bold', false, null);
}
function Copiar()
{
editor.document.execCommand('copy',false, null);
}
function Cortar()
{
editor.document.execCommand('cut',false, null);
}
function Pegar()
{
editor.document.execCommand('paste',false, null);
}
function Italica()
{
editor.document.execCommand('italic',false, null);
}
function Subrayado()
{
editor.document.execCommand('underline',false, null);
}
function Enlace()
{
editor.document.execCommand('CreateLink');
}
</script>
</head>
<body onLoad="Inicializar()">
<form name="form1" id="form1" method="post" action="">
<h3>Editor de texto</h3>
<p>
<img src="Imagenes/copiar.png" onclick="Copiar()"/>
<img src="Imagenes/cortar.png" onclick="Cortar()"/>
<img src="Imagenes/italica.png" onclick="Italica()"/>
<img src="Imagenes/link.png" onclick="Enlace()"/>
<img src="Imagenes/negrita.png" onclick="Negrita()"/>
<img src="Imagenes/pegar.png" onclick="Pegar()"/>
<img src="Imagenes/subrayar.png" onclick="Subrayado()"/>
</p>
</form>
<iframe id="editor" name="editor" style="width: 500px; height:500px" scrolling="auto" frameborder="1"></iframe>
</body>
</html>