Cleditor e anteprima in tempo reale

**fermat** · 02-11-2010, 18:51

vorrei ottenere un'anteprima in tempo reale di quello che scrivo.
ho usato questa funzione:

codice:

var nuovariga = /\n/g;
function sostituiscitextdiv() {
    var NuovoTesto = document.getElementById("text").value;
    NuovoTesto = NuovoTesto.replace(nuovariga, "
");
    var DivElement = document.getElementById("anteprima");
    DivElement.innerHTML = NuovoTesto;
}

ho una textarea dove dovrei caricare cleditor.
ho però un problema: se nn carico cleditor l'anteprima funziona; se lo carico no.

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>Scroll</title>
        <link rel="stylesheet" type="text/css" href="style2.css" />
        <link rel="stylesheet" type="text/css" href="jquery.cleditor.css" />
        <script type="text/javascript" src="anteprima.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="jquery.li-scroller.1.0.2.js"></script>
        <script type="text/javascript" src="jquery.cleditor.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("#text").cleditor();
            });
        </script>
    </head>
    <body>
        <textarea id="text" name="text" onkeyup="sostituiscitextdiv();"></textarea>
        <p id="anteprima"></p>
    </body>
</html>

sapete dirmi se è possibile far funzionare entrambe le cose?
anche in altro modo va bene.

**fermat** · 02-11-2010, 22:27

al posto di cleditor ne ho provati altri, e tutti hanno lo stesso comportamento: quando sono attivati l'anteprima in tempo reale nn funge.
secondo c'è un motivo?
esiste un altro modo per avere l'anteprima in tempo reale?

**cavicchiandrea** · 03-11-2010, 00:39

Non funziona (cedo) perché jquery usa già l'evento keyup tramite .bind("keyup mouseup",....) nella textarea e due eventi sullo stesso oggetto si sovrascrivono.
Soluzioni, o modifichi .cleditor() o lo togli e usi qualcosa d'altro tipo tinymce.
Non conoscendo bene jquery potrei sbagliarmi, pertanto ti consiglio d'attendere pareri più autorevoli.

**fermat** · 03-11-2010, 10:00

provo tynimce e ti dico se con quello funziona!

**fermat** · 03-11-2010, 11:29

neanche con tinymce funziona.
forse è una caratteristica degli editor.
o forse dovrei usare jquery per ottenere l'effetto.

**fermat** · 03-11-2010, 11:53

provato anche con questo che usa jquery: http://javascript.html.it/demo/javas...01/esempio.htm
nada.
a questo punto aspetto di vedere se qualcuno ha una solution!!

Discussione: Cleditor e anteprima in tempo reale

Strumenti discussione

Ricerca discussione

Visualizza

Cleditor e anteprima in tempo reale

Permessi di invio