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

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?: 
Drupal verzió: 
aksza képe

É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

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
timi képe

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

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

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

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
timi képe

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

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

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
Jenő képe

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
timi képe

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

Nem tudom, próbáld meg.

0
0
Petik képe

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