Input vers div en interpretant le html

Frank Drebin
Javascript

Bonjour,

Je souhaiterai mettre en place un système sur, sur partie protégé d'accès, d'un site internet où
lorsque que je saisie du text/html dans un input de type textarea, je puisse le prévisualiser dans une div
à coté.
J'ai trouvé pas mal de chose dessus mais rien de satisfaisant. Du coup je voudrais savoir s'il était possible de le faire déjà et ensuite de manière simple, c'est à dire sans localiser/identifier soit meme en js les balises html pour lesquelles je devrai faire un .append.

Pour le moment j'ai :

jQuery(document).ready(function(){

    $('#buttonpreview').click(function() {

        var data = $('.content').html();
        $('.renderzone').html(data);

    });
});

Y a t il une fonction jquery qui le ferai sur le meme model ?

En vous remerciant

4 réponses

Grafikart
Réponse acceptée

Tu peux, tu détecte les changesur le textarea, récupère la valeur val() et l'injecte dans une div avec html()

betaWeb
Réponse acceptée

Salut,

Tu peux essayer ceci :
HTML :

<textarea id="textarea" cols="30" rows="10">Lorem ipsum dolor sit amet, consectetur adipisicing elit</textarea>
<p id="previsu"></p>

JS :

    var $previsu = $('#previsu'),
        $textarea = $('#textarea'),
        content = $textarea.val();

    $previsu.html(content);

    $textarea.on('keyup', function() {
      content = $(this).val();
      $previsu.html(content);
    });

Voici une démo : http://codepen.io/betaweb/pen/vLJaWK

Je crois qu'on ne peut pas faire plus simple ! ^^
Est-ce que cela répond à tes questions ? :)

Frank Drebin
Auteur

Il me semble que oui, je vais tester ça ce midi ! Je te remercie

Frank Drebin
Auteur

C est parfait je te remerci