J'ai besoin de pouvoir rendre certaines balises HTML à l'intérieur d'un textarea (à savoir <strong>, <i>, <u>, <a>) mais les textareas n'interprètent leur contenu que comme du texte. Existe-t-il un moyen simple de le faire sans dépendre de bibliothèques/plugins externes (j'utilise jQuery) ? Si non, connaissez-vous un plugin jQuery que je pourrais utiliser pour faire cela ?
Réponses
Trop de publicités?
Houdini
Points
31
J'ai le même problème mais en sens inverse, et la solution suivante. Je veux mettre le html d'un div dans un textarea (pour pouvoir éditer certaines réactions sur mon site web ; je veux que le textarea soit au même endroit).
Pour mettre le contenu de ce div dans un textarea j'utilise :
var content = $('#msg500').text();
$('#msg500').wrapInner('<textarea>' + content + '</textarea>');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="msg500">here some <strong>html</strong> <i>tags</i>.</div>
Fenil Shah
Points
135
Cela est possible avec <textarea> la seule chose que vous devez faire est d'utiliser Éditeur WYSIWYG de Summernote
il interprète les balises HTML à l'intérieur d'une zone de texte (à savoir <strong> , <i> , <u> , <a> )
- Réponses précédentes
- Plus de réponses
0 votes
Le seul moyen d'y parvenir sera de superposer vos balises HTML au contenu de la balise textarea via des astuces de positionnement CSS. Rien ne vous aidera à convaincre le navigateur de rendre le contenu de la zone de texte différemment. (Pourquoi exactement avez-vous "besoin" de faire cela ?)
0 votes
J'ai juste besoin que l'utilisateur puisse ajouter des styles de mise en forme au texte qu'il saisit (un peu comme lorsqu'on écrit un article sur Wordpress). Je n'ai pas besoin de toutes les fonctions comme l'alignement du texte, etc., mais seulement de ces balises de base.