editor WYSIWYG

[Maycol]

Hola.
Estoy buscando un editor WYSIWYG para unos formularios.
He probado el SPAW y e buscado mas pero nada... el spaw usa una class de PHP para cargarlo voy a ver la demo en mi localhost y me da errores.

Recomendarme uno que sea sencillito

gracias ;)

[epplestun]

Yo nose que recomendarte, yo me hice uno con la documentacion de DOM de Mozilla, y funciona bajo IE y Mozilla perfectamente, si te interesa algo solo para IE puedes usar el de esta web:

http://www.editworkspro.com/

http://www.webedpro.com/

Espero que te ayude en algo, como te dije, esos solo funcionan bajo IE

Aqui te dejo el codigo que uso yo para mi script.

Código PHP:

  /* 
   +----------------------------------------------------------------------+ 
   | RTE v.0.0.1                                                                      | 
   +----------------------------------------------------------------------+ 
   | Copyright (c) 2001-2003 EppleMedia                              | 
   +----------------------------------------------------------------------+ 
   | This source file is subject to version 2.02 of the PHP license,      | 
   | that is bundled with this package in the file LICENSE, and is        | 
   | available at through the world-wide-web at                           | 
   | [url]www.php.net/license/2_02.txt[/url]                                 | 
   | If you did not receive a copy of the PHP license and are unable to   | 
   | obtain it through the world-wide-web, please send a note to          | 
   | [email][email protected][/email] so we can mail you a copy immediately.               | 
   +----------------------------------------------------------------------+ 
   | Authors: Ivan Rodriguez Espada [email]<[email protected][/email]>        | 
   +----------------------------------------------------------------------+ 
*/ 
/* 
 * Inicializa el editor 
 */ 
function start() 
{ 
    document.getElementById('edit').contentWindow.document.designMode = "on"; 
} 
 
/* 
 * Indica el estilo que queremos dar a nuestra letra 
 */ 
function estilo(estilo)  
{  
    switch(estilo) 
    { 
        case "Bold": 
            document.getElementById('edit').contentWindow.document.execCommand("Bold", false, null); 
            break; 
        case "Italic": 
            document.getElementById('edit').contentWindow.document.execCommand("Italic", false, null); 
            break; 
        case "Underline": 
            document.getElementById('edit').contentWindow.document.execCommand("Underline", false, null); 
            break; 
        case "Superscript": 
            document.getElementById('edit').contentWindow.document.execCommand("Superscript", false, null); 
            break; 
        case "Subscript": 
            document.getElementById('edit').contentWindow.document.execCommand("Subscript", false, null); 
            break; 
        case "Strikethrough": 
            document.getElementById('edit').contentWindow.document.execCommand("Strikethrough", false, null); 
            break; 
        default: break; 
    } 
    document.getElementById('edit').contentWindow.focus(); 
} 
 
/* 
 * Genera una ventana Modal 
 */ 
function VentanaMod(url, ancho, alto) 
{ 
    var anchoVentana = ancho; 
    var altoVentana  = alto; 
    var izquierda = ((screen.width-anchoVentana)/2); 
    var arriba    = ((screen.height-altoVentana)/2); 
    window.open(url, 'Enlace', 'width='+anchoVentana+',height='+altoVentana+ ',left=' + izquierda + ',top=' + arriba); 
} 
 
/* 
 * Alinea el documento 
 */ 
function alinear(opcion) 
{ 
    switch(opcion) 
    { 
        case "Justifycenter": 
            document.getElementById('edit').contentWindow.document.execCommand("Justifycenter", false, null); 
            break; 
        case "Justifyfull": 
            document.getElementById('edit').contentWindow.document.execCommand("Justifyfull", false, null); 
            break; 
        case "Justifyleft": 
            document.getElementById('edit').contentWindow.document.execCommand("Justifyleft", false, null); 
            break; 
        case "Justifyright": 
            document.getElementById('edit').contentWindow.document.execCommand("Justifyright", false, null); 
            break; 
        default: break; 
    } 
    document.getElementById('edit').contentWindow.focus(); 
} 
 
/* 
 * Funciones de edicion 
 */ 
function edicion(estilo)  
{  
    switch(estilo) 
    { 
        case "Paste": 
            document.getElementById('edit').contentWindow.document.execCommand("Paste", false, null); 
            break; 
        case "Copy": 
            document.getElementById('edit').contentWindow.document.execCommand("Copy", false, null); 
            break; 
        case "Cut": 
            document.getElementById('edit').contentWindow.document.execCommand("Cut", false, null); 
            break; 
        case "Undo": 
            document.getElementById('edit').contentWindow.document.execCommand("Undo", false, null); 
            break; 
        case "Redo": 
            document.getElementById('edit').contentWindow.document.execCommand("Redo", false, null); 
            break; 
        default: break; 
    } 
    document.getElementById('edit').contentWindow.focus(); 
} 
 
/* 
 * Funciones de listas 
 */ 
function listas(estilo)  
{  
    switch(estilo) 
    { 
        case "Insertorderedlist": 
            document.getElementById('edit').contentWindow.document.execCommand("Insertorderedlist", false, null); 
            break; 
        case "Insertunorderedlist": 
            document.getElementById('edit').contentWindow.document.execCommand("Insertunorderedlist", false, null); 
            break; 
        default: break; 
    } 
    document.getElementById('edit').contentWindow.focus(); 
} 
 
/* 
 * Funciones de margen 
 */ 
function margen(estilo)  
{  
    switch(estilo) 
    { 
        case "Outdent": 
            document.getElementById('edit').contentWindow.document.execCommand("Outdent", false, null); 
            break; 
        case "Indent": 
            document.getElementById('edit').contentWindow.document.execCommand("Indent", false, null); 
            break; 
        default: break; 
    } 
    document.getElementById('edit').contentWindow.focus(); 
} 
 
/* 
 * Funciones de estilo de fuente 
 */ 
function select(selectname) 
{ 
    var cursel = document.getElementById(selectname).selectedIndex; 
    if (cursel != 0) 
    { 
        var selected = document.getElementById(selectname).options[cursel].value; 
        document.getElementById('edit').contentWindow.document.execCommand(selectname, false, selected); 
        document.getElementById(selectname).selectedIndex = 0; 
    } 
    document.getElementById('edit').contentWindow.focus(); 
} 
 
/* 
 * Inserta una linea horizontal 
 */ 
function linea() 
{ 
    document.getElementById('edit').contentWindow.document.execCommand("Inserthorizontalrule", false, null); 
    document.getElementById('edit').contentWindow.focus(); 
} 
 
function codigo() 
{ 
    var html = document.getElementById('edit').contentWindow.document.body.innerHTML; 
    document.enlace.HTML.value = html; 
}  
   

Como ves tiene una licencia y hay que mantenerla y cumplirla

Saludos!