Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][PHP] TinyMCE - problem z ustawieniem szerokości edytora
Forum PHP.pl > Forum > Przedszkole
kaem
Witam, mam problem z ustawieniem szerokości tinyMCE gdy mam ustawiony theme na advanced.
Skrypt inicjujący:
  1. tinyMCE.init({
  2. // General options
  3. mode : "textareas",
  4. editor_selector : "simple_tinymce",
  5. theme : "advanced",
  6.  
  7. // Theme options
  8. theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyrigh
    t,justifyfull,|,undo,redo,|,bullist,numlist,|,fontselect,fontsizeselect,|,forecol
    or,|,image"
    ,
  9. theme_advanced_buttons2 : "",
  10. theme_advanced_buttons3 : "",
  11. theme_advanced_buttons4 : "",
  12.  
  13. theme_advanced_toolbar_location : "bottom",
  14. theme_advanced_toolbar_align : "left",
  15. theme_advanced_statusbar_location : "",
  16.  
  17. //te wartosci pojawia sie w drop down lists w edytorze
  18. theme_advanced_font_sizes: "10px,12px,13px,14px,16px,18px,20px",
  19. font_size_style_values : "10px,12px,13px,14px,16px,18px,20px",
  20. theme_advanced_fonts : "Tahoma=tahoma,arial,helvetica,sans-serif;"+
  21. "Andale Mono=andale mono,times;"+
  22. "Arial=arial,helvetica,sans-serif;"+
  23. "Arial Black=arial black,avant garde;"+
  24. "Book Antiqua=book antiqua,palatino;"+
  25. "Comic Sans MS=comic sans ms,sans-serif;"+
  26. "Courier New=courier new,courier;"+
  27. "Georgia=georgia,palatino;"+
  28. "Helvetica=helvetica;"+
  29. "Impact=impact,chicago;"+
  30. "Symbol=symbol;"+
  31. "Terminal=terminal,monaco;"+
  32. "Times New Roman=times new roman,times;"+
  33. "Trebuchet MS=trebuchet ms,geneva;"+
  34. "Verdana=verdana,geneva;"+
  35. "Webdings=webdings;"+
  36. "Wingdings=wingdings,zapf dingbats"
  37.  
  38.  
  39. });

oraz div w którym jest textarea:
  1. <div style="float:left; width: 30%; position:relative;">
  2. <p><span style="font-weight: bold; color: #817E6F;">udogodnienia: </span></p>
  3. <p><textarea cols=30 rows=5 name="facilities_text" class="simple_tinymce"><?php if(isset($offer['facilities_text'])) echo $offer['facilities_text']; ?></textarea></p>
  4. </div>

Tych div'ów jest 3 (są obok siebie). Problem jest taki że wszystkie rozciągają się na cała długość diva głównego nachodząc jeden na drugiego. Jak ustawie theme na simple to wszystko ładnie się wyświetla:
  1. //tinyMCE.init({
  2. // mode : "textareas",
  3. // editor_selector : "simple_tinymce",
  4. // theme : "simple",
  5. //});

Ktoś wie jak ustawić aby tinyMCE w trybie 'advanced' wyświetlał się z prawidłową szerokością?
thek
Spróbuj w tinyMCE.init ustawić width.
andrzej_
Hmm, jest 'rozcągalny'? Przez to u mnie sam sobie narzucał szerokość przy ładowaniu. Spróbuj dodać do skryptu:

  1. theme_advanced_resizing : false,

kaem
Niestety, próbowałem tak i nie działa. Ale chyba wiem dlaczego: ikonki w niektórych edytorach mają większe odstępy niż w innych i przez to szerokość się automatycznie wydłuża. A kod init jest żywcem wzięty z innych co się dobrze wyświetlają;/. Ktoś ma jakiś pomysł co trzeba ustawić, zmienić?
erix
Pokaż lepiej to gdzieś działające, w całym opakowaniu.
Kshyhoo
Ja bym stawiał na:
FCKConfig.LinkBrowserWindowWidth = '400px' ;
w ustawieniach...
thek
Kshyhoo... TinyMCE to nie FCKeditor biggrin.gif To o czym piszesz tinymce ma pod zmienną width w init i już o tym napisałem. A advance resize polega tylko na tym, że można okienko pisania "złapać" za prawy dolny róg i skalować sobie myszą.
markonix
Tak jak napisał erix pokaż to na żywo szczególnie, że problem dotyczy JS.

Z moich strzałów to problemem może być css główny - Twojej strony.
Miałem podobny problem z tym samym edytorem, coś się psuło przez JEDEN atrybut css, bo gdy wyłączałem css strony to było ok.
Atrybut odnalazłem przez FireBuga wyłączając kolejne fragmenty pliku css.

Mówisz, że ikonki mają odstępy więc spróbuj z padding/margin.
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-2024 Invision Power Services, Inc.