Na čem aktuálně pracují vývojáři GNOME a KDE Plasma? Pravidelný přehled novinek v Týden v GNOME a Týden v KDE Plasma.
Byla vydána (𝕏) nová verze 2025.2 linuxové distribuce navržené pro digitální forenzní analýzu a penetrační testování Kali Linux (Wikipedie). Přehled novinek se seznamem nových nástrojů v oficiálním oznámení na blogu.
Dánské ministerstvo pro digitální záležitosti má v plánu přejít na Linux a LibreOffice [It's FOSS News].
V úterý Google vydal Android 16. Zdrojové kódy jsou k dispozici na AOSP (Android Open Source Project). Chybí (zatím?) ale zdrojové kódy specifické pro telefony Pixel od Googlu. Projekty jako CalyxOS a GrapheneOS řeší, jak tyto telefony nadále podporovat. Nejistá je podpora budoucích Pixelů. Souvisí to s hrozícím rozdělením Googlu (Google, Chrome, Android)?
Byla vydána (𝕏) květnová aktualizace aneb nová verze 1.101 editoru zdrojových kódů Visual Studio Code (Wikipedie). Přehled novinek i s náhledy a videi v poznámkách k vydání. Ve verzi 1.101 vyjde také VSCodium, tj. komunitní sestavení Visual Studia Code bez telemetrie a licenčních podmínek Microsoftu.
V Brně na FIT VUT probíhá třídenní open source komunitní konference DevConf.CZ 2025. Vstup je zdarma, nutná je ale registrace. Na programu je celá řada zajímavých přednášek, lightning talků, meetupů a workshopů. Přednášky lze sledovat i online na YouTube kanálu konference. Aktuální dění lze sledovat na Matrixu, 𝕏 nebo Mastodonu.
Vyloučení technologií, které by mohly představovat bezpečnostní riziko pro stát, má umožnit zákon o kybernetické bezpečnosti, který včera Senát schválil spolu s novelami navazujících právních předpisů. Norma, kterou nyní dostane k podpisu prezident, počítá rovněž s prověřováním dodavatelů technologií pro stát. Normy mají nabýt účinnosti od třetího měsíce po jejich vyhlášení ve Sbírce zákonů.
Open source platforma Home Assistant (Demo, GitHub, Wikipedie) pro monitorování a řízení inteligentní domácnosti byla vydána v nové verzi 2025.6.
Po Red Hat Enterprise Linuxu a AlmaLinuxu byl v nové stabilní verzi 10.0 vydán také Rocky Linux. Přehled novinek v poznámkách k vydání.
Bylo vydáno Eclipse IDE 2025-06 aneb Eclipse 4.36. Představení novinek tohoto integrovaného vývojového prostředí také na YouTube.
Aktivovanie editora nad HTML dokumentom sprístupní JavaScriptu štyri
nové funkcie dokumentu: execCommand()
, queryCommandEnabled()
, queryCommandState()
, queryCommandValue()
.
Najdôležitejšou z týchto funkcií je execCommand()
, ktorá
formátuje text, vkladá do dokumentu obrázky a odkazy, vracia zmeny
dokumentu (undo/redo), atď. Funkcia execCommand()
očakáva 3
parametre:
document.execCommand(command,
userInterface, value)
Argumenty funkcie execCommand()
:
document.execCommand('createlink', false,
'http://www.abclinuxu.cz');
V praxi vykonáva funkcia execCommand()
celú prácu
za nás a nemusíme sa starať o nič iné, ako volanie tejto funkcie
so správnymi argumentami. Rozšírme teda primitívny editor z minulej časti
o niekoľko formátovacích funkcií:
<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);
}
function editor_execCommand(command, value) {
editor.contentWindow.document.execCommand(command, false, value);
}
</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>
<li><a href="javascript: editor_execCommand('undo');">
Undo</a></li>
<li><a href="javascript: editor_execCommand('redo');">
Redo</a></li>
<li><a href="javascript: editor_execCommand('bold');">
Tucne</a></li>
<li><a href="javascript: editor_execCommand('italic');">
Kurziva</a></li>
<li><a href="javascript: editor_execCommand('underline');">
Podskrtnute</a></li>
<li><a href="javascript: editor_execCommand('strikethrough');">
Preskrtnute</a></li>
<li><a href="javascript: editor_execCommand('removeformat');">
Normalne</a></li>
<li><a href="javascript: editor_execCommand('formatblock', '<h1>');">
Nadpis 1</a></li>
<li><a href="javascript: editor_execCommand('formatblock', '<h2>');">
Nadpis 2</a></li>
<li><a href="javascript: editor_execCommand('formatblock', '<h3>');">
Nadpis 3</a></li>
<li><a href="javascript: editor_execCommand('formatblock', '<p>');">
Odstavec</a></li>
</ul>
</body>
</html>
Pridali sme do hlavného dokumentu ďalšiu JavaScriptovú funkciu
editor_execCommand()
. Očakáva 2 argumenty, ale pri volaní
tejto funkcie si môžeme dovoliť druhý argument vynechať. V JavaScripte to
nie je chyba, v tele funkcie bude tento argument nastavený na hodnotu
undefined
a táto hodnota je takmer to isté ako hodnota
null
.
Funkcia editor_execCommand()
jednoducho volá funkciu
execCommand()
editovaného dokumentu a odovzdá mu svoje vlastné
dva argumenty. Pridávať môžeme aj ďalšie funkcie z nasledujúcej tabuľky:
Operácia | Hodnota | Popis |
---|---|---|
undo | Vráti jednu zmenu v dokumente. | |
redo | Znovu vykoná jednu vrátenú zmenu v dokumente. | |
formatblock | <h1>, <h2>, ..., <p>, <pre>, ... | Uzavrie odstavec textu do zvoleného HTML tagu. |
insertimage | adresa obrázku | Vloží na dokument obrázok. |
removeformat | Odstráni všetky formátovacie HTML značky z označeného textu. | |
createlink | adresa | Vytvorí z označeného textu hypertextový odkaz zo zvolenou adresou. |
unlink | Zmení hypertextový odkaz na text. |
Kompletný zoznam príkazov podporovaných editorom Midas nájdete na v špecifikácii Midasu. Príkazy MSHTML Editoru sa nachádzajú v knižnici MSDN - Command Identifiers.
Odoslať HTML dokument po upravení na server môžeme viacerými spôsobmi.
Najjednoduchšie je dokument zakódovať do adresy dopytovanej webovej služby
ako argument. To znamená, že ak sme umiestnili webovú službu, ktorá dokument prijme a spracuje na adresu http://example.com/service
a dokument vyzerá takto:
<h1>Ahoj svet!</h1><p>K&R napísali prvý
unix?</p>
tak pomocou JavaScriptu otvoríme v prehliadači adresu
http://example.com/service?text=%3Ch1%3EAhoj%20svet!%3C%2Fh1%3E%3Cp%3EK%
26R%20nap%C3%ADsali%20prv%C3%BDunix%3F%3C%2Fp%3E
function send_document(host) {
window.location.href = host + '?html='
+ encodeURIComponent(editor.contentWindow.document.body.innerHTML);
}
<li><a href="javascript: send_document('http://example.com/');">
Odoslat na example.com</a></li>
Nabudúce si prejdeme ďalšie možnosti odosielania dokumentu na server. Ďalej si ukážeme trik, ktorým uložíme dokument z Firefoxu na disk. Nakoniec si povieme pár slov o ostatných prehliadačoch podporujúcich WYSIWYG editor.
Nástroje: Tisk bez diskuse
Tiskni
Sdílej:
Kde v špecifikácii XHTML 1.0 STRICT sa píše, že URL v atribúte href nesmie mať protokol "javascript:"? Odporúča sa to, aby stroje vedeli, že po kliknutí na odkaz sa vykoná nejaký kód (aj tak im je to na figu).
Môj anchor je odkaz na funkciu a je mi jedno, ako ju bude užívateľ spúšťať. Keby som použil atribúť onclick, musel by som vytvoriť aj CSS pre ten odkaz, aby každý pochopil, že na neho treba kliknúť.
A vôbec, aký súvis má stránka s editorom s kódom, ktorý generuje? Veď si to kludne doma prepíšte podľa seba. A tento tutoriál vám má pomocť pochopiť tento druh editorov, aby ste si mohli vytvoriť vlastný generátor čistého XHTML kódu.
Vidíte? teraz ste ma rozčúlil... a musim si zase prekompilovať jadro, aby som sa ukludnil!