Přihlásit se

Joomla 5.1.0 a Joomla 4.4.4 (17 dub 2024)

Dnes byla uvolněna nová verze Joomla 5.1.0, společně s Joomla 4.4.4. Tato verze přináší spoustu nových funkcí, vylepšení v oblasti bezpečnosti a kódu a díky těmto vylepšením i vyšší rychlost.

Malování přímo v editoru Joomly

27. úno 2017 23:33 #130363
Odpověď od zpetr
Zkušený uživatel
Kód možná ano, ale pokud jde o použití souborů svg v Joomle zatím to smrdí další bezpečnostní dírou ;o) - zajímavé vlákno issues.joomla.org/tracker/joomla-cms/4674

28. úno 2017 09:36 #130364
Odpověď od MaK.
Zkušený uživatel
Díky za info, asi budeme počkat, až to vývojáři nějak odladí. Zatím zůstanu u vkládaných kódů z Google Drive.

MaK.

--- -- -

28. úno 2017 13:18 #130365
Odpověď od H13
Admin

zpetr napsal: Kód možná ano, ale pokud jde o použití souborů svg v Joomle zatím to smrdí další bezpečnostní dírou ;o) - zajímavé vlákno issues.joomla.org/tracker/joomla-cms/4674


Jen uvedu na pravou míru, že v tom vlákně se píše o uploadu SVG souboru do Joomly!, já psal o vložení kódu SVG přímo do článku.

Joomla! při uploadu kontroluje obsah souborů, a nahrání SVG zapřičiní falešný poplach. A řeší se to jestli udělat speciální pravidla pro SVG nebo ne. Protože kdyby se udělala speciální pravidla, mohl by být SVG upload potencionálně nebezpečnej - protože když se povolí použití kódu v souboru, bylo by těžké kontrolovat jestli je ten kód OK nebo škodlivěj.

Je to o uploadu. Ale pokud si vytvoříš vlastní SVG, například červené kolečko:
Code:
<svg height="120" width="120"> <circle cx="60" cy="60" r="56" stroke="black" stroke-width="3" fill="red" /> </svg>
s největší pravděpodobností budeš vědět, že neobsahuje např. javascript kód, a jiný škodlivý kód. I kdyby to měl být složitější útvar - jako např. vlajky, apod: www.phoca.cz/cssflags/ - vlajky zobrazené pomocí SVG v CSS kódě), který si např. sám nakreslíš v Inscape, pak s největší pravděpodobností (blížící se 100%) budeš vědět, že Inscape ti do SVG žádný škodlivý kód nevložil.

Mimochodem taky zajímavá možnost jak vložit obrázek (SVG):

<div class="obrazek1"></div>

a v CSS jen přidávat obrázky. Tohle je například německá vlajka
Code:
.de { background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+DQo8cGF0aCBkPSJtMCwwaDV2M2gtNXoiLz4NCjxwYXRoIGZpbGw9IiNkMDAiIGQ9Im0wLDFoNXYyaC01eiIvPg0KPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0ibTAsMmg1djFoLTV6Ii8+DQo8L3N2Zz4NCg=='); width: 100%; height: 60%; background-size: 100% 100%; }

base64 se používá pro zjednodušení zápisu do CSS

SVG kód:
Code:
<svg width="1000" xmlns="http://www.w3.org/2000/svg" height="600" viewBox="0 0 5 3"> <path d="m0,0h5v3h-5z"/> <path fill="#d00" d="m0,1h5v2h-5z"/> <path fill="#ffce00" d="m0,2h5v1h-5z"/> </svg>
převeden to base64:
Code:
PHN2ZyB3aWR0aD0iMTAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+DQo8cGF0aCBkPSJtMCwwaDV2M2gtNXoiLz4NCjxwYXRoIGZpbGw9IiNkMDAiIGQ9Im0wLDFoNXYyaC01eiIvPg0KPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0ibTAsMmg1djFoLTV6Ii8+DQo8L3N2Zz4NCg==


Takže napíšeš článek:
Code:
<div>Tohle je můj článek a obrázek č.1:</div> <div class="obrazek1"></div> <div>A tohle je druhý odstavec a obrázek č.1:</div> <div class="obrazek2"></div>

A v CSS jen měníš kód obrázku. Výhodou je pak snížení počtu HTTP požadavků.

Ale zpět k SVG souborům. Pokud si vytvoříš vlastní soubory SVG a nahraješ si je na web pomocí FTP, pak není problém používat SVG soubory - i např. přes normální IMG tag: <img src="abc.svg" />

Těch možností je opravdu hodně a tu jednu, kterou jsme diskutovali, tedy nenahrávat pořád obrázky na server a ukládat je do databáze, může být vložení SVG přímo do článku.

Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook
Poděkovali: MaK.

28. úno 2017 20:33 #130367
Odpověď od MaK.
Zkušený uživatel
H13, vyčerpávající pojednání, díky za info :)

Když však vytvořím SVG v něčem (třeba v Inkscape), musím grafiku stejně zase někam uložit jako soubor kvůli případné budoucí editaci, i když si pak do článku vložím jen kód. Ušetřím vlastně pouze čas strávený nahráváním obrázku do Joomly a vkládáním obrázku do článku.

Řešením by mohl být SVG editor fungující na cloudu. Víš o něčem takovém? Třeba něco jako stackedit.io pro MRKDWN.

MaK.

--- -- -

01. bře 2017 11:14 #130376
Odpověď od H13
Admin
Externí služby a cloudy jsou nevyzpytatelné. Tam může ze dne na den příjít limit v nějaké funkci a zbortí se ti veškerá funkčnost na tvém webu. Krásný příklad je Picasa, tam to nešlo sice ze dne na den, ale zajímavý to bylo:

Picasa - byla zrušena a změnila se na Google Plus
Google Plus - tam začaly už nějaká změny, i v API a např. nešlo propojit web s privátními alby - klíč se musel generovat ještě ve starém API Picasa
Google Photos - změnilo se API v albech, už nebyly privátní a veřejné. Privátní už nešlo vůbec propojit. A veřejné, jen ty, co jsi vytvořil dříve. V Google Photos není možnost udělat nové ablum veřejným a a tak vlastně nemůžeš propojit web s novými alby (možnost tam je, vytvořit nějakou placenou aplikaci, co to dokáže, a pod., ale to je velmi omezené)

Jde o to, co bude hlavní funkcí:
- neukládat soubory na server, pak vkládat SVG přímo do kódu
- pokud se bude obrázek často měnit, pak je asi externí soubor lepší (otázkou je, jestli se bude obrázek opravdu často měnit a zda je lepší jeho kód měnit někde v externí službě, nebo rovnou při editaci článku)

Například pro mě by externí malování a přepisování daného obrázku nemělo význam, já si ukládám změny v obrázcích zvlášť, tedy kdybych vytvořil novou variantu obrázku, musel bych ji uložit pod jiným jménem a už by mi nefunguval ten efekt, že bych nemusel měnit cestu k obrázku v článku - protože by byl pod jiným názvem.

Výhodou vložení kódu do článku je jednoznačně rychlost načítání, snížení http požadavků, možná animace (zrovna u těch tvých příkladů se dokážu představit jednoduchou animaci), apod. Podívej se sem (je to trochu jiný případ, protože screenshoty v SVG dělat je nesmysl, uvádím jen jako příklad načítání):
www.phoca.cz/phocacart
Tady jsou obrázky natahovány z externího serveru. Zobrazení všech obrázků na stránce je hodně na dlouho :-(

Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook

Powered by Fórum