NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
Cobis
Člen
Avatar
Cobis:28.5.2017 14:55

Dobrý den, existuje v (HTML/JS) nějaká (knihovna) či komponenta, podobná jako je textarea, která by po ztrátě fokusu nadále zobrazovala vybraný text? Byla funkční pro prohlížeče od IE9 a fungovalo by správně horizontální scroll? Horizontální scroll není nutnosti, ale bylo by to super.

 
Odpovědět
28.5.2017 14:55
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na Cobis
Honza Bittner:28.5.2017 15:26

Inu, nevím, jak přesně bys chtěl, aby tento efekt fungoval, ale šlo by to udělat takto https://jsfiddle.net/87nc6dco/1/, tj. nastavit písmo na stejnou barvu jako pozadí a při focus eventu nastavit barvu písma na třeba černou.

Edit: přidal jsem vypnutí kontroly pravopisu, aby to nepodtrhávalo.

Editováno 28.5.2017 15:27
Nahoru Odpovědět
28.5.2017 15:26
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Cobis
Člen
Avatar
Cobis:28.5.2017 16:14

Díky za bleskovou odpověď, ale jde o něco jiného, celkem dost podobného tomuto editoru, ve kterém píšu tento dotaz.
Jednoduše řečeno mám editor a v něm je canvas, který vykresluje text. A v druhé polovině html panel, ve kterém je textarea a další tlačítka a input typu text, tento panel slouží k psaní a editaci textu. Pokud vyberu část textu v textarea tak má fokus a vybraný text je vyznačen, pokud kliknu na tlačítko nebo zadávám hodnoty do inputu tak textarea ztratí fokus a vybraný text se odznačí. A já potřebuji aby byl text pokud je vybrán neustále zvýrazněn. Zkoušel jsem dát textarea dát do iframe tam to celkem funguje až na IE9.

 
Nahoru Odpovědět
28.5.2017 16:14
Avatar
Odpovídá na Cobis
Neaktivní uživatel:28.5.2017 16:39

Mozna zkus tohle: https://github.com/…thighlighter
podle me je to lepsi reseni, nez iframe. A funguje to i v IE 9 a vejs - http://mir3z.github.io/…c/index.html#toc3

Editováno 28.5.2017 16:39
Nahoru Odpovědět
28.5.2017 16:39
Neaktivní uživatelský účet
Avatar
Cobis
Člen
Avatar
Odpovídá na Neaktivní uživatel
Cobis:28.5.2017 19:52

Zkusil jsem to, ale to na textarea nefunguje. I tak díky za snahu.

 
Nahoru Odpovědět
28.5.2017 19:52
Avatar
Odpovídá na Cobis
Neaktivní uživatel:28.5.2017 20:34

Z tveho prvniho postu jsem pochpil, ze "podobna jako textarea", znamena, ze ji pouzit nechces. Okey, tak pouzij nejakou jinou knihovnu s touhle funkcionalitou, ktera ma podporu pro textarea.

Nebo nepouzivej textarea. Pouzij normalni div a contenteditable=true

Nahoru Odpovědět
28.5.2017 20:34
Neaktivní uživatelský účet
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.