Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][XML][HTML]tinyMCE - zmiana języka na polski
fiasko
post 11.06.2010, 23:16:57
Post #1





Grupa: Zarejestrowani
Postów: 243
Pomógł: 1
Dołączył: 1.06.2010

Ostrzeżenie: (0%)
-----

Ściągnołem sobie ten cholerny edytor tinyMCE wrzuciłem na serwer, następnie skopiowałem do niego pliki językowe (polskie)

W pliku tiny_mce_src

Wszystkie en dałem na pl

Jest już wszystko po polsku ale na ogonkach są krzaczki.

Pytanie jakie dać kodowanie i gdzie je wprowadzić ?

Na stronie testowej dałem:

[HTML] pobierz, plaintext 
  1. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
[HTML] pobierz, plaintext


a potem w ramach testów kolejne kodowanie

[HTML] pobierz, plaintext 
  1. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
[HTML] pobierz, plaintext


no i lipa krzaki cały czas.


jakie pliki źródłowe są odpowiedzialne jeszcze za kodowanie ?
Go to the top of the page
+Quote Post
croc
post 12.06.2010, 09:21:35
Post #2





Grupa: Zarejestrowani
Postów: 706
Pomógł: 108
Dołączył: 12.03.2010

Ostrzeżenie: (0%)
-----

Ale gdzie masz te krzaczki? Na interfejsie czy w tym, co wypluwa TinyMCE? Ja wielokrotnie używałem TinyMCE po polsku i nigdy nie miałem takich problemów.

P.S. Nie cholerny, tylko bardzo dobry winksmiley.jpg
Go to the top of the page
+Quote Post
darophp
post 12.06.2010, 11:03:32
Post #3





Grupa: Zarejestrowani
Postów: 309
Pomógł: 20
Dołączył: 13.02.2010
Skąd: Kęty

Ostrzeżenie: (0%)
-----

A DOCTYPE jaki ?


--------------------
Fotografia, projektowanie stron WWW | web-coding.pl - HTML 5 i CSS 3 - już w krótce ;)
Go to the top of the page
+Quote Post
fiasko
post 13.06.2010, 15:46:23
Post #4





Grupa: Zarejestrowani
Postów: 243
Pomógł: 1
Dołączył: 1.06.2010

Ostrzeżenie: (0%)
-----

No krzaki mam w podpowiedziach w altach na interfejsie.

W textarea nie ma żadnych krzaków.

Typ dokumentu to:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

PS. Cholernie mnie denerwuje........

Ale fakt jest fajny rolleyes.gif

Ten post edytował fiasko 13.06.2010, 15:48:23
Go to the top of the page
+Quote Post
croc
post 13.06.2010, 18:21:52
Post #5





Grupa: Zarejestrowani
Postów: 706
Pomógł: 108
Dołączył: 12.03.2010

Ostrzeżenie: (0%)
-----

Nie wiem co ma tu doctype do rzeczy.

Krzaczków nie powinno być, bo polskie znaki w TinyMCE są zakodowane jako UNICODE. Może ściągnąłeś nieoficjalny albo stary plik językowy? Spróbuj ściągnąć najnowszą wersję TinyMCE i plik językowy (wszystko z oficjalnej strony) i zobacz czy to coś zmieni. Jak nie to będziemy dociekać dalej.


EDIT

Teraz przeczytałem, że zmieniłeś wszystkie en na pl w tiny_mce_src.js. Przecież tego pliku się nie rusza biggrin.gif Przeczytaj może najpierw tutorial jak używać TinyMCE. Język określasz jako parametr kodu wstawiającego ten interfejs, a nie w samych źródłach. Przykładowo ja mam coś takiego:

Kod, który wykonujesz na stronie, gdzie ma zadziałać TinyMCE (zamienia textarea na te ulepszone z WYSIWYG):

[JAVASCRIPT] pobierz, plaintext 
  1. tinyMCE.init({
  2. 		// General options
  3. 		mode : "textareas",
  4. 		theme : "advanced",
  5. 		language : "pl",
  6. 		plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,in
    linepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,dir
    ectionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wo
    rdcount,advlist,autosave"    ,
  7.  
  8. 		// Theme options
  9. 		theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyrigh
    t,justifyfull,formatselect,fontselect,fontsizeselect"    ,
  10. 		theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,out
    dent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup"    ,
  11. 		theme_advanced_buttons3 : "insertdate,inserttime,preview,|,forecolor,backcolortablecontrols,|,hr,remov
    eformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,
    rtl,|,fullscreen"    ,
  12. 		theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acro
    nym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft,|,h
    elp,code"    ,
  13. 		theme_advanced_toolbar_location : "top",
  14. 		theme_advanced_toolbar_align : "left",
  15. 		theme_advanced_statusbar_location : "bottom",
  16. 		theme_advanced_resizing : true,
  17.  
  18. 		// Example content CSS (should be your site CSS)
  19. 		// content_css : "/css/style.css",
  20.  
  21. 		// Drop lists for link/image/media/template dialogs
  22. 		template_external_list_url : "lists/template_list.js",
  23. 		external_link_list_url : "lists/link_list.js",
  24. 		external_image_list_url : "lists/image_list.js",
  25. 		media_external_list_url : "lists/media_list.js",
  26.  
  27. 		// Style formats
  28. 		style_formats : [
  29. 			{title : 'Bold text', inline : 'b'},
  30. 			{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
  31. 			{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
  32. 			{title : 'Example 1', inline : 'span', classes : 'example1'},
  33. 			{title : 'Example 2', inline : 'span', classes : 'example2'},
  34. 			{title : 'Table styles'},
  35. 			{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
  36. 		],
  37.  
  38. 		// Replace values for the template plugin
  39. 		template_replace_values : {
  40. 			username : "Some User",
  41. 			staffid : "991234"
  42. 		}
  43. 	});
[JAVASCRIPT] pobierz, plaintext


I pamiętaj o ściągnięciu paczki jeszcze raz, lepiej nie tykaj już więcej tiny_mce_src.js tylko pobierz wszystko od nowa.

Ten post edytował croc 13.06.2010, 18:28:51
Go to the top of the page
+Quote Post
sdr
post 13.06.2010, 22:39:56
Post #6





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 23.10.2007
Skąd: Piekary Śląskie

Ostrzeżenie: (0%)
-----

Witam,

Podpinam się pod temat, gdyż napotkałem podobny problem. Dzisiaj postanowiłem pierwszy raz wykorzystać TinyMCE w swoim projekcie. Ściągnąłem wersję zintegrowaną z jQuery oraz polonizację (wszystko z oficjalnej strony TinyMCE oczywiście). Po integracji edytora ze stroną i prawidłowym (language: 'pl') włączeniu polonizacji mam ten sam problem co kolega fiasko.

Screen

Problem dotyczy tylko interfejsu edytora. Wszędzie (podpowiedzi do przycisków, listy rozwijane, okienka popup, itd.) mam takie paskudne krzaki. Jeśli chodzi o tekst wpisywany i modyfikowany w edytorze to wszystko jest OK. Tylko ten interfejs :/ Kodowanie strony to UTF-8.

Jakieś pomysły?


--------------------
Grand Theft Auto | PlayStation 3
Go to the top of the page
+Quote Post
fiasko
post 17.06.2010, 14:01:00
Post #7





Grupa: Zarejestrowani
Postów: 243
Pomógł: 1
Dołączył: 1.06.2010

Ostrzeżenie: (0%)
-----

fajnie tylko, że to o czym piszesz nie ma w wersji z jquery katalogu example


[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Edytor Strony</title>
  5. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  6. <!-- Load jQuery -->
  7. <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  8. <script type="text/javascript">
  9. 	google.load("jquery", "1");
  10. </script>
  11.  
  12.  
  13. <!-- Load TinyMCE -->
  14. <script type="text/javascript" src="../jscripts/tiny_mce/jquery.tinymce.js"></script>
  15. <script type="text/javascript">
  16. 	$().ready(function() {
  17. 		$('textarea.tinymce').tinymce({
  18. 			// Location of TinyMCE script
  19. 			script_url : '../jscripts/tiny_mce/tiny_mce.js',
  20.  
  21. 			// General options
  22. 			theme : "advanced",
  23. 			plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,in
    linepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,dir
    ectionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,ad
    vlist",
  24.  
  25. 			// Theme options
  26. 			theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justif
    ycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizesele
    ct",
  27. 			theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,out
    dent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|
    ,insertdate,inserttime,preview,|,forecolor,backcolor",
  28. 			theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iesp
    ell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
  29. 			theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acro
    nym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
  30. 			theme_advanced_toolbar_location : "top",
  31. 			theme_advanced_toolbar_align : "left",
  32. 			theme_advanced_statusbar_location : "bottom",
  33. 			theme_advanced_resizing : true,
  34.  
  35. 			// Example content CSS (should be your site CSS)
  36. 			content_css : "css/content.css",
  37.  
  38. 			// Drop lists for link/image/media/template dialogs
  39. 			template_external_list_url : "lists/template_list.js",
  40. 			external_link_list_url : "lists/link_list.js",
  41. 			external_image_list_url : "lists/image_list.js",
  42. 			media_external_list_url : "lists/media_list.js",
  43.  
  44. 			// Replace values for the template plugin
  45. 			template_replace_values : {
  46. 				username : "Some User",
  47. 				staffid : "991234"
  48. 			}
  49. 		});
  50. 	});
  51. </script>
  52. <!-- /TinyMCE -->
  53.  
  54. </head>
  55. <body>
  56.  
  57. <form method="post" action="http://tinymce.moxiecode.com/dump.php?example=true">
  58. 	<div>
  59. 		<h3>Edytor Strony</h3>
  60.  
  61. 		<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
  62. 		<div>
  63. 			<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%" class="tinymce"  lang="pl" xml:lang="pl" >
  64. 			 Tu będziemy umieszczać przykładowy tekst , grafikę i takd dalej
  65. 			</textarea>
  66. 		</div>
  67.  
  68. 		<!-- Some integration calls -->
  69. 		<a href="java script:;" onmousedown="$('#elm1').tinymce().show();">[Show]</a>
  70. 		<a href="java script:;" onmousedown="$('#elm1').tinymce().hide();">[Hide]</a>
  71. 		<a href="java script:;" onmousedown="$('#elm1').tinymce().execCommand('Bold');">[Bold]</a>
  72. 		<a href="java script:;" onmousedown="alert($('#elm1').html());">[Get contents]</a>
  73. 		<a href="java script:;" onmousedown="alert($('#elm1').tinymce().selection.getContent());">[Get selected HTML]</a>
  74. 		<a href="java script:;" onmousedown="alert($('#elm1').tinymce().selection.getContent({format : 'text'}));">[Get selected text]</a>
  75. 		<a href="java script:;" onmousedown="alert($('#elm1').tinymce().selection.getNode().nodeName);">[Get selected element]</a>
  76. 		<a href="java script:;" onmousedown="$('#elm1').tinymce().execCommand('mceInsertContent',false,'<b>Hello world!!</b>');">[Insert HTML]</a>
  77. 		<a href="java script:;" onmousedown="$('#elm1').tinymce().execCommand('mceReplaceContent',false,'<b>{$selection}</b>');">[Replace selection]</a>
  78.  
  79. 		<br />
  80. 		<input type="submit" name="save" value="Submit" />
  81. 		<input type="reset" name="reset" value="Reset" />
  82. 	</div>
  83. </form>
  84.  
  85. </body>
  86. </html>
  87.  
  88.  
[HTML] pobierz, plaintext
.



To co tu wstawić ?
Go to the top of the page
+Quote Post
gothye
post 18.06.2010, 07:24:07
Post #8





Grupa: Zarejestrowani
Postów: 702
Pomógł: 65
Dołączył: 16.03.2009

Ostrzeżenie: (0%)
-----

skąd można pobrać plugin aby spolszczyć edytor ?


--------------------
Nie udzielam pomocy poprzez PW
Go to the top of the page
+Quote Post
sdr
post 18.06.2010, 09:50:37
Post #9





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 23.10.2007
Skąd: Piekary Śląskie

Ostrzeżenie: (0%)
-----

Cytat(gothye @ 18.06.2010, 08:24:07 ) *
skąd można pobrać plugin aby spolszczyć edytor ?

Tutaj masz listę wszystkich języków.


--------------------
Grand Theft Auto | PlayStation 3
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 16.05.2025 - 06:48
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn