Steve Jobs a superpočítač Cray-1 budou vyobrazeny na pamětních jednodolarových mincích vyražených v příštím roce v rámci série Americká inovace. Série má 57 mincí, tj. 57 inovací. Poslední 4 mince budou vyraženy v roce 2032.
Byl zveřejněn průběžně aktualizovaný program konference OpenAlt 2025 o otevřeném softwaru a datech, IT bezpečnosti, DIY a IoT. Konference proběhne o víkendu 1. a 2. listopadu v prostorách FIT VUT v Brně. Vstup je zdarma.
Senát včera opětovně nepřijal návrh ústavního zákona, který měl do Listiny základních práv a svobod zakotvit právo občanů platit v hotovosti nebo být off-line. Návrh předložila skupina senátorů již v roce 2023. Senát dnes návrh neschválil, ale ani nezamítl. Pokud by ho přijal, dostala by ho k projednání Sněmovna a vyjádřila by se k němu vláda.
V programovacím jazyce Go naprogramovaná webová aplikace pro spolupráci na zdrojových kódech pomocí gitu Forgejo byla vydána ve verzi 13.0 (Mastodon). Forgejo je fork Gitei.
Společnost Eclypsium se na svém blogu rozepsala o bezpečnostním problému počítačů Framework. Jedná se o zranitelnost v UEFI umožňující útočníkům obejít Secure Boot.
Editor kódů Zed (Wikipedie) po macOS a Linuxu s verzí 0.208.4 už běží také ve Windows.
Apple dnes představil 14palcový MacBook Pro, iPad Pro a Apple Vision Pro s novým čipem M5.
Debian pro mobilní zařízení Mobian (Wikipedie) byl vydán ve verzi 13 Trixie. Nová stabilní verze je k dispozici pro PINE64 PinePhone, PinePhone Pro a PineTab, Purism Librem 5, Google Pixel 3a a 3a XL, OnePlus 6 a 6T a Xiaomi Pocophone F1.
Operátor O2 představil tarif Datamanie 1200 GB . Nový tarif přináší 1200 GB dat s neomezenou 5G rychlostí, a také možnost neomezeného volání do všech sítí za 15 Kč na den. Při roční variantě předplatného zákazníci získají po provedení jednorázové platby celou porci dat najednou a mohou je bezstarostně čerpat kdykoli během roku. Do 13. listopadu jej O2 nabízí za zvýhodněných 2 988 Kč. Při průměrné spotřebě tak 100 GB dat vychází na 249 Kč měsíčně.
Byly publikovány informace o útoku na zařízení s Androidem pojmenovaném Pixnapping Attack (CVE-2025-48561). Aplikace může číst citlivá data zobrazovaná jinou aplikací. V demonstračním videu aplikace čte 2FA kódy z Google Authenticatoru.
Na čo je vlastne na webe takýto editor dobrý? Web je cely formátovaný, farbený a inak prečačkaný... používateľom sa to páči a priťahuje ich to. Prečo by teda kvalitný web-dizajnér nemohol ponúknuť svojím zákazníkom k ohromujúcemu webu aj ohromujúce možnosti používateľského vstupu?
Možno aj váš šéf bude potešený vaším najnovším vylepšením firemného informačného systému, alebo webovej služby vašej spoločnosti.
Pred tým, ako začneme preberať problematiku z technického hľadiska, rozšírme si o nej svoj všeobecný rozhľad. To, čo sa budeme snažiť implementovať, je takzvaný WYSIWYG editor (What You See Is What You Get - To čo vidíš, to aj dostaneš). Počas editovania a formátovania textu v takomto editore vidíme dokument vždy vo výslednej podobe (nie v nejakom druhu zdrojového textu).
MS Internet Explorer bol prvý webový prehliadač, ktorý obsahoval WYSIWYG editor. Prvým open source prehliadačom bol Mozilla Suite 1.3b, ktorý obsahoval editor nazvaný Midas. Kód, ktorý si dnes ukážeme, bude určený práve pre prehlidač Mozilla Firefox a jeho editor Midas. Portovať tento kód na MSIE nie je zložité a neskôr si vysvetlíme, ako pri portovaní postupovať.
Midas (a implementácia MS) pracuje nad HTML dokumentom - výstup teda bude
HTML dokument. Najjednoduchší spôsob, ako si tento editor odskúšať, je
vytvoriť html súbor s nasledovným kódom (i_am_editable.html
):
<html>
<head>
<title>Moj prvy WYSIWYG editor</title>
<script type="text/javascript">
function setup() {
document.designMode = 'on';
}
</script>
</head>
<body onload="setup();">
<b>Ahoj!</b> Ja som tvoj prvy webovy WYSIWYG editor.
</body>
</html>
Súbor otvorte vo Firefoxe. Po načítaní stránky prehliadač vykoná
javascriptovú funkciu setup()
. Tá jediným príkazom spustí nad
stránkou editor. Po zobrazení obsahu stránky kliknite do textu a
môżete začať editovať.
Čo vlastne funkcia setup()
vykoná? Nastaví hodnotu premennej
designMode
objektu document
na
'on'
. Objekt document
reprezentuje HTML dokument,
v ktorom je JavaScript implementovaný (umiestnený).
V praxi však nechceme editovať kompletne celú stránku, len text v textovom
poli. Midas pracuje nad celým HTML dokumentom a nie je možné mu podať
textové pole (tag <textarea>
).
Preto editovateľnú stránku vložíme do vnoreného rámca na stránke pomocou
tagu <iframe>
. Do rámca potom môžeme načítať (pomocou
atribútu src
) ľubovoľnú stránku ako predlohu. Nad stránkou v
rámci po jej načítaní spustíme editor Midas a užívateľ bude môcť editovať
len obsah v rámci.
Stránka v rámci by z rôznych dôvodov sama nad sebou editor spúšťať nemala. Editor spustíme nad dokumentom v rámci z "hlavnej stránky", na ktorej sa rámec s editorom má nachádzať:
editor.html:
<html>
<head>
<title>Moj druhy WYSIWYG editor</title>
<script type="text/javascript">
var editor;
function setup() {
editor = document.getElementById('editor');
editor.contentWindow.document.designMode='on';
}
</script>
</head>
<body onload="setup();">
<p>Tento text nie je editovatelny... editujte obsah v ramci, prosim.</p>
<iframe id="editor" src="template.html"></iframe>
<p>Dakujem za pochopenie.</p>
</body>
</html>
template.html:
<html>
<head>
<title>Moj prvy WYSIWYG editor</title>
</head>
<body>
<b>Ahoj!</b> Ja som tvoj druhy webovy WYSIWYG editor.
</body>
</html>
Midas počas editácie textu generuje HTML kód editovaného dokumentu, ktorý
je v každej chvíli prístupný z JavaScriptu. K tomuto HTML kódu budeme chcieť
pristupovať z JavaScriptu na vonkajšej stránke (editor.html
).
Na vonkajšiu stránku totiž budeme chcieť umiestniť niečo ako nástrojový
panel.
Ukážem vám, ako to myslím. Vytvoríme si tlačidlo, na ktoré keď klikneme
myškou, zobrazí sa dialógové okno so zdrojovým textom editovaného
dokumentu. Pridame na stránku JavaScript, ktorý zdrojový kód dokumentu
vytiahne z rámca a predá ho ako argument funkcii alert()
,
ktorá zobrazí dialóg (editor.html
):
<html>
<head>
<title>Moj druhy WYSIWYG editor</title>
<script type="text/javascript">
var editor;
function setup() {
editor = document.getElementById('editor');
editor.contentWindow.document.designMode='on';
}
function editor_alert() {
alert(editor.contentWindow.document.body.innerHTML);
}
</script>
</head>
<body onload="setup();">
<p>Tento text nie je editovatelny... editujte obsah v ramci, prosim.</p>
<iframe id="editor" src="template.html"></iframe>
<p>Nastrojovy panel:</p>
<ul>
<li><a href="javascript: editor_alert();">Ukaz mi to HTML!</a></li>
</ul>
</body>
</html>
Dnes sme si vysvetlili, ako postaviť na nohy jednoduchý editor vo
vnútri prehliadača. Tento editor zatiaľ neponúka široké možnosti
formátovania textu a dokument nevieme nikam uložiť ani odoslať. Nabudúce
sa naučíme využívať funkciu document.execCommand()
na
formátovanie textu a dokument odoslať na server.
Skúsenejší čitatelia, ktorí bažia po ďalších informáciách, isto ocenia, ak ich upozorním na kvalitný open source WYSIWYG editor - OpenWYSIWYG. OpenWYSIWYG je jednoducho nasaditeľný a obratný editor. Podporuje prehliadače Mozilla Firefox aj MSIE. Jeho zdrojové kódy isto poslúžia skúseným čitateľom k úžitku a rozšíria obzor ich znalostí.
Nástroje: Tisk bez diskuse
Tiskni
Sdílej:
<tucny>texttext</tucny>atd.? Nejde sice o WYSIWYG editor, ale nedá mi to, se nezeptat.
background-color
vůbec neodešle). Jinak ale super a tyhle věci třeba také půjdou nějak vychytat.