Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP]Kodowanie znaków UTF-8
Forum PHP.pl > Forum > Przedszkole
Barcelona
30.11.2010, 16:56:11
Witam, posiadam szablon z template monster. Chciałem go wykorzystać do stworzenia własnego projektu. Jednak przy kodowaniu znaków w UTF-8 i tak pojawiają się krzaki sciana.gif

Wiem, że ten temat był maglowany milion razy, ale uwierzcie że szukałem i na tym forum i pytałem wujka, ale nic nie pomagało.

Do tworzenia stron korzystam z Notepad++ (w ustawieniach programu mam kodowanie: UTF bez BOOM).

Oto kod szablonu

[PHP] pobierz, plaintext 
  1. <?
  2. session_start();
  3. ob_start();
  4. ?>
  5. <?php
  6. $go = $_GET['go'];
  7. $akcja = $_GET['akcja'];
  8. header('Content-type: text/html;charset=UTF-8');
  9. ?>
  10. <!DOCTYPE html>
  11. <html>
  12. <head>
  13. <title></title>
  14. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  15. <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
  16. <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
  17. <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
  18. <script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
  19. <script type="text/javascript" src="js/cufon-yui.js"></script>
  20. <script type="text/javascript" src="js/cufon-replace.js"></script> 
  21. <script type="text/javascript" src="js/Myriad_Pro_italic_600.font.js"></script>
  22. <script type="text/javascript" src="js/Myriad_Pro_italic_400.font.js"></script>
  23. <script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
  24. <!--[if lt IE 9]>
  25. 	<script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
  26. 	<script type="text/javascript" src="js/html5.js"></script>
  27. <![endif]-->
  28. </head>
  29. <body id="page1">
  30. <div class="body1">
  31. 	<div class="main">
  32. <!-- header -->
  33. 		<header>
  34. 			<div class="wrapper">
  35. 				<h1>
  36. 					<a href="?go=home" id="logo"></a><span id="slogan"></span>
  37. 				</h1>
  38. 				<div class="right">
  39. 					<nav>
  40. 						<ul id="top_nav">
  41. 							<li><a href="index.html"><img src="images/img1.gif" alt=""></a></li>
  42. 							<li><a href="index-4.html"><img src="images/img2.gif" alt=""></a></li>
  43. 							<li class="bg_none"><a href="#"><img src="images/img3.gif" alt=""></a></li>
  44. 						</ul>
  45. 					</nav>
  46. 					<nav>
  47. 						<ul id="menu">
  48. 							<li id="menu_active"><a href="index.html">Home</a></li>
  49. 							<li><a href="index-1.html">Our Aircraft</a></li>
  50. 							<li><a href="index-2.html">Safety</a></li>
  51. 							<li><a href="index-3.html">Charters</a></li>
  52. 							<li><a href="index-4.html">Contacts</a></li>
  53. 						</ul>
  54. 					</nav>
  55. 				</div>
  56. 			</div>
  57. 		</header>
  58. 	</div>
  59. </div><div class="inner_copy">More <a href="http://www.templatemonster.com/">Website Templates</a> at TemplateMonster.com!</div>
  60. <div class="main">
  61. 	<div id="banner">
  62. 		<div class="text1">
  63. 			COMFORT<span>Guaranteed</span><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  64. 		</div>
  65. 		<a href="#" class="button_top">Order Tickets Online</a>
  66. 	</div>
  67. </div>
  68. <!-- / header -->
  69. <div class="main">
  70. <!-- content -->
  71. 	<section id="content">
  72. 		<article class="col1">
  73. 			<div class="pad_1">
  74. 				<h2>Your Flight Planner</h2>
  75. 				<form id="form_1" action="" method="post">
  76. 					<div class="wrapper pad_bot1">
  77. 						<div class="radio marg_right1">
  78. 							<input type="radio" name="name1">Round Trip<br>
  79. 							<input type="radio" name="name1">One Way
  80. 						</div>
  81. 						<div class="radio">
  82. 							<input type="radio" name="name1">Empty-Leg<br>
  83. 							<input type="radio" name="name1">Multi-Leg
  84. 						</div>
  85. 					</div>
  86. 					<div class="wrapper">
  87. 						Leaving From:
  88. 						<div class="bg"><input type="text" class="input input1" value="Enter City or Airport Code" onblur="if(this.value=='') this.value='Enter City or Airport Code'" onFocus="if(this.value =='Enter City or Airport Code' ) this.value=''"></div>
  89. 					</div>
  90. 					<div class="wrapper">
  91. 						Going To:
  92. 						<div class="bg"><input type="text" class="input input1" value="Enter City or Airport Code" onblur="if(this.value=='') this.value='Enter City or Airport Code'" onFocus="if(this.value =='Enter City or Airport Code' ) this.value=''"></div>
  93. 					</div>
  94. 					<div class="wrapper">
  95. 						Departure Date and Time:
  96. 						<div class="wrapper">
  97. 							<div class="bg left"><input type="text" class="input input2" value="mm/dd/yyyy " onblur="if(this.value=='') this.value='mm/dd/yyyy '" onFocus="if(this.value =='mm/dd/yyyy ' ) this.value=''"></div>
  98. 							<div class="bg right"><input type="text" class="input input2" value="12:00am" onblur="if(this.value=='') this.value='12:00am'" onFocus="if(this.value =='12:00am' ) this.value=''"></div>
  99. 						</div>
  100. 					</div>
  101. 					<div class="wrapper">
  102. 						Return Date and Time:
  103. 						<div class="wrapper">
  104. 							<div class="bg left"><input type="text" class="input input2" value="mm/dd/yyyy " onblur="if(this.value=='') this.value='mm/dd/yyyy '" onFocus="if(this.value =='mm/dd/yyyy ' ) this.value=''"></div>
  105. 							<div class="bg right"><input type="text" class="input input2" value="12:00am" onblur="if(this.value=='') this.value='12:00am'" onFocus="if(this.value =='12:00am' ) this.value=''"></div>
  106. 						</div>
  107. 					</div>
  108. 					<div class="wrapper">
  109. 						<p>Passenger(s):</p>
  110. 						<div class="bg left"><input type="text" class="input input2" value="# passengers" onblur="if(this.value=='') this.value='# passengers'" onFocus="if(this.value =='# passengers' ) this.value=''"></div>
  111. 						<a href="#" class="button2" onClick="document.getElementById('form_1').submit()">go!</a>
  112. 					</div>
  113. 				</form>
  114. 				<h2>Recent News</h2>
  115. 				<p class="under"><a href="#" class="link1">Nemo enim ipsam voluptatem quia</a><br>November 5, 2010</p>
  116. 				<p class="under"><a href="#" class="link1">Voluptas aspernatur autoditaut fjugit</a><br>November 1, 2010</p>
  117. 				<p><a href="#" class="link1">Sed quia consequuntur magni</a><br>October 23, 2010</p>
  118. 			</div>
  119. 		</article>
  120. 		<article class="col2 pad_left1">
  121. 			<h2>Welcome to our Website!</h2>
  122. 			<p class="color1">ąśźćAir Lines is a free web template created by TemplateMonster.com team. This website template is optimized for 1024X768 screen resolution. </p>
  123. 			<div class="marker">
  124. 				<div class="wrapper">
  125. 					<p class="pad_bot2"><strong>Aircraft</strong></p>
  126. 					<p class="pad_bot2">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione.</p>
  127. 				</div>
  128. 			</div>
  129. 			<div class="wrapper pad_bot2"><a href="#" class="button1">Read More</a></div>
  130. 			<div class="marker">
  131. 				<div class="wrapper">
  132. 					<p class="pad_bot2"><strong>Charters</strong></p>
  133. 					<p class="pad_bot2">ąśśćNeque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
  134. 				</div>
  135. 			</div>
  136. 			<div class="wrapper pad_bot2">
  137. 				<a href="#" class="button1">Reservation</a>
  138. 				<a href="#" class="button2">Fleet</a>
  139. 			</div>
  140. 			<div class="wrapper">
  141. 				<article class="cols">
  142. 					<h2>Our Clients</h2>
  143. 					<p><strong>Avero eoset</strong> accusamus et iusto odio dig- nissimos ducimus qui blanditiis praesentium voluptatum deleniti.</p>
  144. 					<p>Atque corrupti quos dolores et quas moles- tias excepturi sint <a href="#">occaecati cupiditate</a> non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
  145. 				</article>
  146. 				<div class="box1">
  147. 					<div class="pad_1">
  148. 						<div class="wrapper">
  149. 							<p class="pad_bot2">Lorem ipsum dolor sit amet, consectetur adip- isicing elit, sed do eius- mod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p>
  150. 							<p><span class="right">Mr. Thomas Lloyd</span>&nbsp;<br></p>
  151. 						</div>
  152. 					</div>
  153. 				</div>
  154. 			</div>
  155. 		</article>
  156. 	</section>
  157. <!-- / content -->
  158. </div>
  159. <div class="body2">
  160. 	<div class="main">
  161. <!-- footer -->
  162. 		<footer>
  163. 			<a href="http://www.templatemonster.com/" target="_blank">Website template</a> designed by TemplateMonster.com<br>
  164. 			<a href="http://www.templates.com/product/3d-models/" target="_blank">3D Models</a> provided by Templates.com
  165. 		</footer>
  166. <!-- / footer -->
  167. 	</div>
  168. </div>
  169. <script type="text/javascript"> Cufon.now(); </script>
  170. </body>
  171. </html>
[PHP] pobierz, plaintext


Proszę o pomoc.
Dapi
30.11.2010, 17:21:40
A w przeglądarce masz dobrze ustawiony zestaw znaków?
Barcelona
30.11.2010, 19:01:56
W IE mam ustawione Unicode UTF a w Operze mam wybór automatyczny, ale nawet jak przestawiłem na UTF to też są kwadraty
kwadrac1k
1.12.2010, 00:38:32
A krzaczy ci sie tekst zapisany w szablonie, czy treśc pobrana z jakiejś bazy?
Jesli to drugie to spróbuj dać to:

[PHP] pobierz, plaintext 
  1. mysql_query("SET NAMES 'utf8'");
[PHP] pobierz, plaintext


zaraz po mysql_select_db. Powinno załatwić sprawę.

P.S.
Jeszcze odnośnie pierwszego przypadku. Sprawdź czy dokument nie jest zapisany dla jakiegos konkretnego OSa. Nie wiem czy jest taka opcja w N++, ale pamiętam, że miałem podobne problemy z plikami zapisanymi w PSPadzie przypadkowo zapisanymi dla MACa lub LINUXa.
Barcelona
1.12.2010, 11:48:26
Nie, danych jeszcze nie pobieram z bazy, na razie chce uporać się z kodowaniem, dopiero później będę się bawił z bazą.
Kiedyś też miałem ten problem, ale w końcu zdecydowałem się na iso-8859-2 co jak wiadomo nie jest dobrym rozwiązaniem.

A o tym zapisywaniu dla konkretnego OSa nie słyszałem, ale przetestuje ten sposób.
hieroshima
1.12.2010, 12:27:06
Otwórz tą stronę w notatniku zapisz jako i wybierz kodowanie UTF-8 będzie chodzić na bank tongue.gif
aart3k
1.12.2010, 12:33:11
Zawsze możesz ustawić kodowanie w jakim był ten szablon, ctrl+x, zmienić kodowanie na utf-8, ctrl+v, profit
ignas1987
1.12.2010, 12:33:31
Jeżeli korzystasz z notepad++ otwórz dany dokument i go przekonwertuj (konwertuj do UTF-8)... Możliwe że wtedy dopiero Ci wyskoczą krzaki tongue.gif Albo zrób tak jak powiedział poprzednik. Utwórz czysty dokument, wklej zawartość pliku i zapisz jako UTF-8.
Barcelona
1.12.2010, 22:57:21
Dzięki kolego smile.gif Konwertowanie do UTF pomogło smile.gif

Swoją drogą, jak tworze projekt to tworze go od razu na serwerze, tzn pliki tworze już bezpośrednio na serwerze. Czy ma to wpływ na kodowanie znaków jeżeli serwer stoi na Linuxie ?
ignas1987
1.12.2010, 23:00:51
Jeżeli tworzysz bezpośrednio na serwerze... Tzn. masz pole do wpisywania to strona zapisywana jest w takim kodowaniu w jakim otworzysz dany edytor w przeglądarce, jak to napisałeś na serwerze. Jeżeli źle Cie zrozumiałem to wytłumacz mi o co dokładnie Ci chodzi.
Barcelona
1.12.2010, 23:14:56
W kliencie FTP korzystam z opcji Nowy-->Plik smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.