Affichage avec mise en forme

**franco9** · 19/08/2012, 07h47

salut,

j'ai développé deux pages jsp , une page pour l'insertion des données dans la base de donné mysql et une page pour afficher ces données.

dans la page d'insertion j'ai utilisé TinyMCE pour faire des mises en forme de text ecrit dans le composant textaria.

les données sont inserés dans la base de donnée sous cette forme par exemple selon l'utilisation de tinyMce:

Code :

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

1
2
 
<ul> <li style="text-align: center;"><span style="text-decoration: underline;"><strong>Exemple</strong></span></li> </ul>

mon problème est que la deuxième page affiche ces données après la récupération depuis la base de donnée sous la même forme

Code :

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

1
2
 
<ul> <li style="text-align: center;"><span style="text-decoration: underline;"><strong>Exemple</strong></span></li> </ul>

sans prendre de considération la mise en forme des ces données lors de l'insertion

la page d'insertion est :

Code :

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
     <%@ taglib prefix="s" uri="/struts-tags" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 
 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
 
 
<!-- TinyMCE -->
<script type="text/javascript" src="/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
	tinyMCE.init({
		// General options                             
		mode : "textareas",                            
		theme : "advanced",
		plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",
 
		// Theme options
		theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,insertdate,inserttime,preview,|,forecolor,backcolor",
		theme_advanced_toolbar_location : "top",
		theme_advanced_toolbar_align : "left",
		theme_advanced_statusbar_location : "bottom",
		theme_advanced_resizing : true,
 
		// Example content CSS (should be your site CSS)
		// using false to ensure that the default browser settings are used for best Accessibility
		// ACCESSIBILITY SETTINGS
		content_css : false,
		// Use browser preferred colors for dialogs.
		browser_preferred_colors : true,
		detect_highcontrast : true,
 
		// Drop lists for link/image/media/template dialogs
		template_external_list_url : "lists/template_list.js",
		external_link_list_url : "lists/link_list.js",
		external_image_list_url : "lists/image_list.js",
		media_external_list_url : "lists/media_list.js",
 
		// Style formats
		style_formats : [
			{title : 'Bold text', inline : 'b'},
			{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
			{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
			{title : 'Example 1', inline : 'span', classes : 'example1'},
			{title : 'Example 2', inline : 'span', classes : 'example2'},
			{title : 'Table styles'},
			{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
		],
 
		// Replace values for the template plugin
		template_replace_values : {
			username : "Some User",
			staffid : "991234"
		}
	});
</script>
 
 
 
</head>
<body>
 
<s:form action="insertFcture" method="post">
 
 
     <s:label value="bloc note"></s:label>
          <s:textarea id="elm1" name="facture.note" rows="7" cols="40" style="width: 30%" Class="labelz">
 
			</s:textarea>
 
 
 
     <s:submit value="Submit" />  
 
 
 
 
    </s:form> 
 
 
 
 
</body>
</html>

la page d'affichage est :

Code :

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
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <%@ taglib prefix="s" uri="/struts-tags"%>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 
 
</head>
 
<body>
<s:text name="note"/>
 <s:iterator value="factures">
<s:property value="note"/>
</s:iterator>
</body>
</html>

comme je dis lors de l'exécution de l'application la deuxième page affiche un résultat comme celle ci :

Code :

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

1
2
 
<ul> <li style="text-align: center;"><span style="text-decoration: underline;"><strong>Exemple</strong></span></li> </ul>

je pense que je dois faire un décodage pour reprendre la mise en forme de texte

normalement le mot Exemple doit être souligné et en gras

**franco9** · 19/08/2012, 16h45

après recherche je pense que je dois utiliser la fonction : htmlspecialchar()
mais franchement je n'arrive pas à savoir où exactement je dois mettre cette fonction

Affichage avec mise en forme

Bibliothèques & Frameworks

Vue hybride

Discussions similaires

Partager

Partager