El código es el siguiente:
Código HTML:
<title>Editor HTML by carlosgs91</title><style type="text/css">
<!--
body {
margin:5px;
}
a:link {
color: #0066CC;
}
a:visited {
color: #0066CC;
}
a:hover {
color: #0066CC;
}
a:active {
color: #0066CC;
}
.separacion {
margin-top:5px;
margin-bottom:5px;
background-color:#E8E8E8;
height:5px;
width:100%;}
img {
border:0px;}
-->
</style><BODY onLoad="colorfondo();">
<script language="JavaScript">
<!--
function cambia(nom){
if(document.all[nom].style.visibility=='visible')
{
document.all[nom].style.visibility='hidden';
document.all[nom].style.position='absolute';
if(nom == "b") {
document.getElementById('a').innerHTML = "Mostrar cuadro de texto"; }
else {
document.getElementById('d').innerHTML = "Mostrar preview HTML"; }
}
else
{
document.all[nom].style.visibility='visible';
document.all[nom].style.position='relative';
if(nom == "b") {
document.getElementById('a').innerHTML = "Ocultar cuadro de texto";
}
else {
document.getElementById('d').innerHTML = "Ocultar preview HTML";
}
}
}
function colorfondo()
{
window.setTimeout( "colorfondo()", 1);
var indice2 = document.form1.texto.value;
document.getElementById('c').innerHTML = indice2+"<div class=separacion></div>";
var caracterestotales = document.form1.texto.value.length;
document.getElementById('f').innerHTML = caracterestotales+" carácteres.";
}
function addTex(let)
{
var story = document.form1.texto.value
if(let == 1) {
var let2 = "<a href=''></a>"
}
if(let == 2) {
var let2 = "<img src=''>"
}
if(let == 3) {
var let2 = "<div align='left'></div>"
}
if(let == 4) {
var let2 = "<div align='center'></div>"
}
if(let == 5) {
var let2 = "<div align='justify'></div>"
}
if(let == 6) {
var let2 = "<div align='right'></div>"
}
if(let == 7) {
var let2 = "<strong></strong>"
}
if(let == 8) {
var let2 = "<em></em>"
}
if(let == 9) {
var let2 = "<s></s>"
}
if(let == 10) {
var let2 = "<ul>\n<li></li>\n</ul>";
}
if(let == 11) {
var let2 = "<ol>\n<li></li>\n</ol>"
}
var story2lol = story+let2
document.form1.texto.value=story2lol
}
function aumentarCuadroTexto(que) {
if(que == "1a") {
document.getElementById('texto').style.height='400px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'1b\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'2a\')"><img src="imagenes\/menos.png" height="14"><\/a> | ';
}
if(que == "1b") {
document.getElementById('texto').style.height='500px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'1c\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'1a\')"><img src="imagenes\/menos.png" height="14"><\/a> |';
}
if(que == "1c") {
document.getElementById('texto').style.height='600px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'1d\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'1b\')"><img src="imagenes\/menos.png" height="14"><\/a> |';
}
if(que == "1d") {
document.getElementById('texto').style.height='700px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'1e\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'1c\')"><img src="imagenes\/menos.png" height="14"><\/a> |';
}
if(que == "1e") {
document.getElementById('texto').style.height='800px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'1e\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'1d\')"><img src="imagenes\/menos.png" height="14"><\/a> |';
}
if(que == "2a") {
document.getElementById('texto').style.height='300px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'1a\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'2b\')"><img src="imagenes\/menos.png" height="14"><\/a> |';
}
if(que == "2b") {
document.getElementById('texto').style.height='200px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'2a\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'2c\')"><img src="imagenes\/menos.png" height="14"><\/a> |';
}
if(que == "2c") {
document.getElementById('texto').style.height='100px';
document.getElementById('sumarje').innerHTML='<a href="#" onClick="aumentarCuadroTexto(\'2b\')"><img src="imagenes\/mas.png" height="14"><\/a> <a href="#" onClick="aumentarCuadroTexto(\'2c\')"><img src="imagenes\/menos.png" height="14"><\/a> |';
}
}
-->
function getCookie(name){
var cname = name + "=";
var dc = document.cookie;
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}
function setCookie(name, value, expires, path, domain, secure) {
document.cookie = name + "=" + escape(value) +
((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
((secure == null) ? "" : "; secure");
}
function guardarDatos() {
var validez = 9000;
var caduca = new Date();
caduca.setTime(caduca.getTime() + (validez*24*60*60*1000));
var Visitante = document.form1.texto.value;
setCookie ('EditorHTMLCGS',Visitante, caduca);
}
function cargarDatos() {
var datosguardadosendisco = getCookie('EditorHTMLCGS');
document.form1.texto.value=datosguardadosendisco;
}
</script>
<div id="c" style="visibility:visible;position:relative;"></div>
<div id="b" style="visibility:visible;position:relative;">
<form name="form1" method="post" action="">
<label>
<textarea name="texto" id="texto" style="width:100%;height:300px;"></textarea>
</label>
</form></div>
<div style="float:left; width:100%;"><div id="f" style="float:right;"></div>
<a href="#" onClick="guardarDatos()"><img src="imagenes/guardar.png"></a> <a href="#" onClick="cargarDatos()"><img src="imagenes/cargar.png"></a> <a href="#" onClick="addTex('1')"><img src="imagenes/page_link.png"></a> <a href="#" onClick="addTex('2')"><img src="imagenes/picture.png"></a> <a href="#" onClick="addTex('3')"><img src="imagenes/text_align_left.png"></a> <a href="#" onClick="addTex('4')"><img src="imagenes/text_align_center.png"></a> <a href="#" onClick="addTex('5')"><img src="imagenes/text_align_justify.png"></a> <a href="#" onClick="addTex('6')"><img src="imagenes/text_align_right.png"></a> <a href="#" onClick="addTex('7')"><img src="imagenes/text_bold.png"></a> <a href="#" onClick="addTex('8')"><img src="imagenes/text_italic.png"></a> <a href="#" onClick="addTex('9')"><img src="imagenes/text_strikethrough.png"></a> <a href="#" onClick="addTex('10')"><img src="imagenes/text_list_bullets.png"></a> <a href="#" onClick="addTex('11')"><img src="imagenes/text_list_numbers.png"></a></div>
<br>
<div id="sumarje" style="float:left; margin-right:2px;"><a href="#" onClick="aumentarCuadroTexto('1a')"><img src="imagenes/mas.png" height="14"></a> <a href="#" onClick="aumentarCuadroTexto('2b')"><img src="imagenes/menos.png" height="14"></a> | </div>
<a href="#" onClick="cambia('b')" id="a">Ocultar cuadro de texto</a> | <a href="#" onClick="cambia('c')" id="d">Ocultar preview HTML</a>
</BODY>
No se porque la parte de las cookies si la pongo no me carga el javascript en opera ni en IE pero si en firefox y si lo quito me carga bien en ambos, asi que os lo pongo para ver si os funciona y si no si sabeis que es lo que falla. La función getCookie y setCookie las saque de internet, pero me parece que se usan mucho y tambien me dan error... igual es porque tengo la página en local no se.