it-swarm-eu.dev

Jak nejlépe implementovat progresivní vylepšení pro editor obrysů

Píšu formulář, který má základní strukturu osnovy.

Základní struktura je následující:

enter image description here

Chápu, jak to provést, pokud má uživatel povolený javascript, ale nejsem si jistý, jaký nejlepší způsob, jak by rozhraní mělo fungovat jako progresivní vylepšení, pokud není povolen javascript na klientovi.

Většinou si nejsem jistý, jak bude přidání nové položky fungovat správně.

1
Sean Lynch

Další funkce Neuvedli jste, zda/jak mohou vaši uživatelé změnit pořadí položek a odsazení, což je podle mého názoru často nutné.

Zvažte alternativu: použijte víceřádkové textové pole se odrážkami a náhled vedle sebe (podobný stackexchange)

Pro zkušené/časté uživatele je to výrazně rychlejší. Je třeba podporovat objevitelnost, např. s předplněným vzorkem pro nové obrysy a/nebo "Obrysové útesové poznámky" poblíž vstupu.

Toto však není nejlepší řešení pro občasné uživatele. Pohyb po položkách je pro kluky s klávesnicí zatraceně snadný, ale zejména začínající uživatelé nakonec skončí pomocí myši, která vyžaduje dobrý cíl pro výběr přesně celého řádku. Váš hovor.

Žádný Javascript - jste v podstatě spálen. Vyžaduje to zpátečku serveru, která musí být rychlá a chcete ji minimalizovat. Přemýšlejte dvakrát, pokud opravdu potřebujete tento scénář podporovat, zvyšuje to požadavky.

Pokud je to možné, povolte přidat více položek pro jeden zpáteční let, např. textové pole „jedna podřízená položka na řádek“. Příslušný formulář podrobností pro složitější operace (jako je přidání uzlu, výběr cíle odkazu) lze načíst do prvku iframe. Pro pohybující se položky byste měli podporovat vyjmutí, zkopírování, vložení, abyste nepotřebovali jedna zpáteční jízda pro každý "pohybovat se jednou nahoru, pohybovat se nahoru, ..."

an image, just for you and every other viewer

1
peterchen

Bez aktivovaného JavaScriptu se domnívám, že pro přidání prvků DOM budete muset stránku znovu načíst.

0
ThatSteveGuy