Tabelka, jak wkopiować lub stworzyć?

Jurek102

Avatar: Jurek102

2015-06-13 18:09

Witam "po latach"! Po wklejeniu tabelki z Worda brzydko się rozsypuje, nie trzyma akapitów, nie zachowuje koloru tła, jedynie kolor czcionki. Nawet po zapisaniu w Wordzie jako html i wklejeniu kodu również nie zachowuje oryginału. Tabelka zrobiona w edytorze SharePoint i wklejeniu też się psuje - nie zachowuje nawet kolorów czcionki i kolorów wypełnienia komórek. W momencie wklejania na podglądzie w administracji wszystko jest OK do czasu tupnięcia na ZAPISZ. Ma ktoś jakiś pomysł na to? Chodzi o tabelkę np z danymi telefonów czy telewizorów - 2,3 kolumny, kilkanaście wierszy co niektóre szare lub kolorowe.

» Quick.Cart v6.x

Jurek102

boboo

Avatar: boboo

2015-06-13 21:10

Zainstaluj sobie plugin "table" do TinyMCE

boboo :-)

Jurek102

Avatar: Jurek102

2015-06-13 22:27

Mam pełną wersje Tiny zainstalowaną ... Nic nie daje. Przy tworzeniu tabelki też nie ma możliwości pokolorowania komórki, przy kopiowaniu z Worda mało co da się edytować. Dziwne jest to, że w starszej wersji nie było problemu z wklejaniem tabelek.

Jurek102

boboo

Avatar: boboo

2015-06-14 07:55

No to chyba nie do końca masz tę pełną wersję.
Spójrz tu:
http://www.tinymce.com/wiki.php/Plugin3x:table
cell_props pozwalają na formatowanie pojedynczych komórek.
Tylko nie wiem, czy masz aktywny ten guzik u siebie. Samo zainstalowanie full TinyMCE nic nie daje.
Trzeba jeszcze inicjalizować poszczególne pluginy/guziki przy wywoływaniu edytora.
W /plugins/plugins-admin.php w funkcji htmlEditor masz konfigurację TinyMCE. Tam ustalasz co i gdzie ma być wywołane.
Sprawdź czy masz tam "tablecontrols" (wszystkie elementy) czy może tylko "table" (sama tabela)?

boboo :-)

Jurek102

Avatar: Jurek102

2015-06-14 16:02

Dzięki! Masz rację .. chylę czoła - jakbyś u mnie da dysku siedział ;-) Edycja w Tiny jest jednak uciążliwa i nie wyobrażam sobie wypełniania setek komórek na każdej stronie, nawet po skopiowaniu tabelek z częściową zawartością.
W Wordzie i Excelu można dużo zautomatyzować, robi się szybko. W pełnej wersji Tiny jest jeszcze gorzej, w starej chociaż kolorki wypełnienia trzymało, teraz wszystko białe, ramki niewidoczne. Czarny tekst automatycznie podmienia na szary, choć kolorowe czcionki "przechodzą". Zrobiłem testową tabelkę, wieczorkiem prześlę screen'y w czym rzecz.
W starszej wersji, wprawdzie w Q.Cms mam doświadczenie, wklejanie z Worda przechodziło bezbłędnie.

Jurek102

Jurek102

Avatar: Jurek102

2015-06-15 15:03

Oto wygląd tabelki zrobionych w Wordzie i edytorze SharePoint:
http://aimg.strefa.pl/img1.jpg
tak wygląda tabelka w Tiny oraz na stronie po skopiowaniu z Worda:
http://aimg.strefa.pl/img2.jpg
a tak wygląda tabelka po skopiowaniu kodu do Tiny oraz wygląd na stronie:
http://aimg.strefa.pl/img3.jpg
W ostatnim przypadku jest poprawa po zainstalowaniu pełnej wersji TinyMCE, choć na stronie brzydko wygląda. Na tej okrojonej Tiny nie przechodziły kolory komórek i bardziej rozsypywało.
Przypuszczam, że na stronach jest wymuszony styl, który nie pozwala na wklejanie "czego się chce".
Tabelki wykonane są raczej poprawnie z ustawionym prawidłowymi akapitami i odstępami.
Dużo kombinowałem .... i nic. Jakiś pomysł?

Jurek102

euphoria-art

Avatar: euphoria-art

2015-06-15 19:04

spróbuj sobie ostylować tabelki w templates/default/style.css
za /* PLUGINS */ dodaj np.
/* Table */
#table{border-collapse:collapse;}
#table td{border:1px solid #e6e6e6;padding:2px;}

Jurek102

Avatar: Jurek102

2015-06-15 23:05

Dzięki! Trop jakby dobry ... pokazały się ramki i pokolorowane (szare) komórki ... natomiast nadal nie trzyma akapitów.
W podglądzie Tiny wszystko wygląda OK, na stronce niestety nie:
http://aimg.strefa.pl/img4.jpg

Jurek102

boboo

Avatar: boboo

2015-06-16 06:48

Jurek,
przy wstawianiu tabeli w TinyMCE otwiera się okienko, w którym możesz sporo ustalić.
Np. możesz nadać klasę: "class" i ustwić wstępny wygląd:
http://www.kurshtml.edu.pl/html/tabele.html
Załóżmy, że nazwiesz ją (class) "tv_table" i to będzie Twoja "klasa" na tabelki z danymi TV.
teraz formatujesz w OBU css'ach (templates/default i templates/admin - wtedy będziesz widział w adminie to samo, co na "żywej" stronie) wygląd tej tabeli:
.tv_table{}
.tv_table tr{}
.tv_table td{}
Zanim zaczniesz wpisywać w te nawiasy, poszukaj w google na temat formatowania tabeli w css
Tu masz skomasowaną skarbnicę wiedzy:
http://www.w3schools.com/css/css_table.asp

boboo :-)

Do góry
o nas | kontakt