Input vers div en interpretant le html

Par Frank Drebin, il y a 10 ans

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

Frank Drebin, il y a 10 ans

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

betaWeb, il y a 10 ans

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 ? :)

Grafikart, il y a 10 ans

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

Frank Drebin, il y a 10 ans

C est parfait je te remerci