1. Tudásbázis
  2. Modulok használata
  3. szöveg és képformázás (tinymce+neobase)

szöveg és képformázás (tinymce+neobase)

Beküldte timi - 2009. december 7. 14.31
timi képe

Akkor ez az új téma :)

Erről lenne szó:
http://kapisztrankorus.neobase.hu/content/karnagyunk

A tablóképet szeretném szöveggel körbefuttatni. Próbáltam a tinymce gombbal a képbeállításoknál, azzal nem ment. a bevitelnél a full html van engedélyezve, ott az align és a float-ot is felvettem a html kódok közé.

Melyik modulhoz, modulokhoz kapcsolódik a téma?: 
tinymce
Drupal verzió: 
6.x
Fórum: 
Modulok használata
aksza képe

Beküldte aksza - 2009. december 7. 15.34

Én FCkeditort használok, ott van olyan, hogy sablonok, kiválasztom, hogy Image and Title és akkor körbefut a szöveg. Azt hiszem a Tinyben ez alaphelyzetnél nincs benne, ott be kell állítani, hogy látszódjon ez a gomb, a beállításoknál próbáld meg, hogy ne csak alap eszköztárak legyenek. Ha nem megy használd a wysiwyg modult abban tudsz variálni, hogy milyen szerkesztőd legyen, könnyű beállítani, adja magát.

0
0
Jenő képe

Beküldte Jenő - 2009. december 7. 17.09

Nem kell full html, az align és a left nem html kódok, vedd ki, illetve állítsd vissza filtered html-re. A filtered html-hez viszont vedd fell az img tagot.
A smink style.css-ébe tedd bele, hogy:

.content img { float: left; }
0
0

-- http://boj.hu --

timi képe

Beküldte timi - 2009. december 7. 22.56

Köszi ez most így jól néz ki.

Ha két vagy több képet szeretnék egyiket jobbra másikat balra körbefuttatva egy cikken belül, azt hogyan kell?

0
0

T.

Sir_Csavar képe

Beküldte Sir_Csavar - 2009. december 8. 11.25

van szó akkor. kép beillesztésnél a (vagy ha már ott a kép akkor jobb klikk és szerkeszd) van egy olyan fül, hogy Appearance és ott az Aligmentel lehet játszani az esetedben.

0
0

--
A jó ember az ő szívének jó kincséből hoz elő jót; és a gonosz ember az ő szívének gonosz kincséből hoz elő gonoszt: mert a szívnek teljességéből szól az ő szája. (Lukács 6:45)

timi képe

Beküldte timi - 2009. december 8. 12.39

eddig ezt csináltam, a szerkesztőben jól is látszott, de a mentés után nem úgy jelent meg mint a szerkesztőben.

0
0

T.

Jenő képe

Beküldte Jenő - 2009. december 8. 15.28

Két dolgot tehetsz.
1. Megkeresed az okát annak, hogy a szövegszerkesztő miért nem működik helyesen.
2. Ha csak te szerkeszted az oldalt, akkor egy fapados megoldást tudok ajánlani.
Ebben az esetben felvennék két osztályt a style.css-be pl..jobbra és .balra, ezeknek megadni a megfelelő tulajdonságot (float: left, illetve right).
A szerkesztéskor a HTML gombra kattintva az img tagokba beletenném a kívánt osztályokat: class="jobbra", vagy class="balra".

0
0

-- http://boj.hu --

timi képe

Beküldte timi - 2009. december 8. 15.35

1. próbálok rájönni miért nem megy, csak nincs rá ötletem, a tinymce témában azt írták nyissak újat, hát ez az :)
2. egyelőre úgy néz ki 2-en fogjuk szerkeszteni az oldalt, viszont a másik nem tudom mennyire ért a kódokhoz (én is csak egy kicsit), ezért kéne hogy a tinymce-ben csontra működjön minden benne.

0
0

T.

aksza képe

Beküldte aksza - 2009. december 8. 18.07

Szerintem meg rakd fel az fckeditort, ha agyon bonyolítod a szerkesztést abból később csak gondok lesznek.

0
0
Jenő képe

Beküldte Jenő - 2009. december 8. 20.38

Egy kicsit jobban ránéztem a problémára. A tinymce a html tagba teszi a stílusleírást, amit a HTML-szűrő kiszűr a kódból. Ez olvasható a HTML-szűrő leírásánál:

Az engedélyezett HTML jelölőkből eltávolítja a JavaScript eseményeket, a JavaScript URL-eket és a CSS stílusdeklarációkat.

Ezért a mentés után a stílusleírások nem lesznek megjelenítve a kódban (csak a szerkesztéskor, ezért van az, hogy ott jól mutatja a beállításokat).

Hogy a CSS leírások megjelenítésére Filtered html-ben történt mentés után van-e mód, nem tudom, nem néztem utána, de a full html beviteli mód ezt a problémát orvosolja. Ez persze nem ajánlott akárkinek engedélyezni, de ha csak ketten fogjátok szerkeszteni, és tudjátok, hogy mit csináltok talán nem olyan kockázatos.

0
0

-- http://boj.hu --

Jenő képe

Beküldte Jenő - 2009. december 9. 01.00

A WYSIWYG Filter modul lesz a jó megoldás.
Beüzemelés:

  • Telepítsd a modult
  • Hozz létre egy új beviteli formát
  • Engedélyezd a megfelelő csoportoknak
  • Jelöld be a Wysiwyg Filter-t és a HTML korrektort (mentés)
  • Menj az Újraraendezés menüre
  • Legyen felül a WYSIWYG Filter (mentés)
  • A Beállítás menüben finomhangold a rendszert
    • A HTML elements and attributes részhez vedd fel a szükséges elemeket. A képek szerkesztővel való igazításához pl. ezt: img[style|src|alt|width|height]
    • A Stílus tulajdonságok-nál jelöld be a float, left, right opciókat
    • Mentés
  • A Wysiwyg beállítási felületén az általad létrehozott beviteli formához engedélyezd a szerkesztő használatát.

Ezzel a képek igazítása a szerkesztő felületén keresztül megoldható, nem kell a kódban turkálni, és nem kell a full html beviteli formát sem használni, ami növeli a rendszer biztonságát.
Azoknak a tartalmaknak, melyekben képeket használsz, ezt a beviteli formát engedélyezd.

0
0

-- http://boj.hu --

timi képe

Beküldte timi - 2009. december 9. 11.31

ez működik a neobase-en?
mert onnan indult a problémám, hogy ott nem tudom a wysiwyg modult frissíteni az újabbra, mert akkor nem működik a tinymce.

0
0

T.

Jenő képe

Beküldte Jenő - 2009. december 9. 12.41

Nem tudom, próbáld meg.

0
0

-- http://boj.hu --

Petik képe

Beküldte Petik - 2010. február 21. 22.58

Csak a style="float: right;" balra igazítja a képet és a style="float: left;" pedig jobbra.
Tehát az irányítás a szöveget irányítja a magfelelő (left, right) oldalra és így a kép a másik oldalra szorul.

0
0

Üdv. Peti