WYSIWG HTML EDITOR para IE y Firefox

yuo2 · #1 (**permalink**) 14/08/2011, 18:48

Hola quisiera saber si alguien a podido implementar algun wysiwg html editor y que funcionen en Iexplorer y Mozilla Firefox sin problemas.

He intentado con algunos como nicEDIT, tinyMCE los implemento bien pero el problema es cuando los ejecuto en los navegadores. Por ejemplo en un browser funciona correctamente y en otro browser no carga el formato puesto por el editor .

Estoy haciendo un ejemplo con dos paginas una que muestra el valor de una variable y la otra pagina en donde utilizo el nicEDIT para darle el valor a dicha variable.

Bueno el problema esq' cuando lo ejecuto con IEXPLORER funciona de maravilla porque cuando envio el POST me muestra la variable con todo el formato de color,fuente,etc.
Pero cuando lo ejecuto con Firefox solamente muestra el valor de la variable sin el formato hecho con el nicEDIT.

Pero me he dado cuenta que los unicos formatos que no esta recuperando el firefox con ver.php son el de negrita,cursiva, subrayado, centrar, alinear izq, alinear dere, justificar y la carga de la imagen.

Aqui dejo mi ejemplo con nicEDIT :
Para poder descargar el nicEdit.js--> AQUI

editor.php

Código PHP:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>editando</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
<script src="js/nicEdit.js" type="text/javascript"></script>
<script type="text/javascript">
    bkLib.onDomLoaded(function() {
    new nicEditor({fullPanel : true}).panelInstance('area2');
    });
</script>
</head>
 
<body>
Aqui editamos el contenido de nuestra variable.<br>.
<div id="demo">
<form action="ver.php" method="post">
 
<textarea cols="60" id="area2" name="mitexto">Aqui el texto a mostrar</textarea>
</textarea>
 
<br>
<input type="submit" name="boton" value="submit">
</form>
</div>
</body>
</html>

ver.php

Código PHP:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>ver texto</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<?
$mitexto = $_POST['mitexto'] 
?>
</head>
<body>
USTED ESCRIBIO : 
<p>
<? echo $mitexto ?>
<p>
<a href="editor.php">Editar</a></p>
</body>
</html>

Recomendacion:
En el archivo nicEDIT.js deberan remplazar esta linea:

Código Javascript:

Ver originalif (B.contentEditable || !!window.opera)
por esta
if ((B.contentEditable || !!window.opera) && navigator.userAgent.indexOf("Firefox/5") == -1)

En la linea 31, remplazar segun donde pongan el archivo .gif

Código Javascript:

Ver originaliconsPath : '../nicEditorIcons.gif',
por
iconsPath : 'js/nicEditorIcons.gif',