Conversion texte vers html

**Pgs** · 28/07/2017, 00h53

Bonjour,
Je voudrais qu'un utilisateur ne connaissant pas le balisage html puisse saisir sur une page web du texte avec un basage simple du type "gras", "rouge", "lien vers un fichier" etc. puis qu'un script php en fasse du html propre.
Existe-il déjà des scripts de ce genre ?
Merci d'avance pour toute info.
Philippe

**xdelatour** · 28/07/2017, 13h13

Bonjour,

TinyMCE permet de faire ça, il ajoute des barres d'outils à une zone textarea pour permettre la mise en forme du texte.

**Pgs** · 05/08/2017, 10h54

Merci mais je cherche une solution open source

**nicdodo** · 05/08/2017, 15h01

Bonjour,

As tu regarder du coté du wysiwyg, cette solution me parait très appropriée pour ce que tu veux faire

**Pgs** · 05/08/2017, 15h16

Merci !
C'est exactement ce que je je cherchais.
Sais-tu si cet outil est également adapté à la modification WYSIWYG d'un texte html ?

**nicdodo** · 05/08/2017, 19h55

Pour faire l'inverse je ne sais pas. Dans tous les cas ce que tu cherches à faire va bien pour un site ou tu post des commentaires. Les balises html de style ne sont pas vraiment recommandé pour faire plus. Sinon si les balises de style sont dans le html il suffit juste de récupérer le text dans une variable avec .textContent. Je te mets un exemple

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="test" />
 
 
</head>
<body>
<div id ="textAvecBalise">
Bonjour je m'appelle <strong>Nicolas</strong>
</div>
 
<br/></br/>
 
<div id ="textSansBalise">  
</div>
 
<script> 
 
        var textAvecBalise = document.getElementById("textAvecBalise").textContent
    
    var textSansBalise = document.getElementById("textSansBalise")
    textSansBalise.textContent = textAvecBalise
 
</script> 
</body>
</html>

Conversion texte vers html

Conception Web

Vue hybride

Discussions similaires

Partager

Partager