Na YouTube lze zhlédnout Godot Engine – 2025 Showreel s ukázkami toho nejlepšího letos vytvořeného v multiplatformním open source herním enginu Godot.
Blíží se konec roku a tím i všemožná vyhlášení slov roku 2025. Dle Collins English Dictionary je slovem roku vibe coding, dle Dictionary.com je to 6-7, …
Cloudflare Radar: podíl Linuxu na desktopu dosáhl v listopadu 6,2 %.
Chcete vědět, co se odehrálo ve světě techniky za poslední měsíc? Nebo si popovídat o tom, co zrovna bastlíte? Pak doražte na listopadovou Virtuální Bastlírnu s mikrofonem a kamerou, nalijte si něco k pití a ponořte se s strahovskými bastlíři do diskuze u virtuálního piva o technice i všem možném okolo. Mezi nejvýznamnější novinky patří Průšovo oznámení Core One L, zavedení RFID na filamentech, tisk silikonu nebo nový slicer. Dozvíte se ale i
… více »Vývojáři OpenMW (Wikipedie) oznámili vydání verze 0.50.0 této svobodné implementace enginu pro hru The Elder Scrolls III: Morrowind. Přehled novinek i s náhledy obrazovek v oznámení o vydání.
Komunita kolem Linux Containers po roce vývoje představila (YouTube) neměnný operační systém IncusOS speciálně navržený pro běh Incusu, tj. komunitního forku nástroje pro správu kontejnerů LXD. IncusOS poskytuje atomické aktualizace prostřednictvím mechanismu A/B aktualizací s využitím samostatných oddílů a vynucuje zabezpečení bootování pomocí UEFI Secure Bootu a modulu TPM 2.0. Postaven je na Debianu 13.
Mozilla začne od ledna poskytovat komerční podporu Firefoxu pro firmy. Jedná se o podporu nad rámec stávající podpory, která je k dispozici pro všechny zdarma.
V Bolzanu probíhá konference SFSCON (South Tyrol Free Software Conference). Jean-Baptiste Kempf, zakladatel a prezident VideoLAN a klíčový vývojář VLC media playeru, byl na ní oceněn cenou European SFS Award 2025 udělovanou Free Software Foundation Europe (FSFE) a Linux User Group Bolzano‑Bozen (LUGBZ).
Open-source minimalistický trackball Ploopy Nano byl po modelech modelech Classic a Thumb Trackball také aktualizován. Nová verze Nano 2 používá optický senzor PAW3222 a k původně beztlačítkovému designu přidává jedno tlačítko, které ve výchozí konfiguraci firmwaru QMK přepíná režim posouvání koulí. Sestavený trackball nyní vyjde na 60 kanadských dolarů (bez dopravy a DPH).
Github publikoval Octoverse 2025 (YouTube), tj. každoroční přehled o stavu open source a veřejných softwarových projektů na GitHubu. Každou sekundu se připojil více než jeden nový vývojář. Nejpoužívanějším programovacím jazykem se stal TypeScript.
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):
AbcLinuxu.cz
ITBiz.cz
HDmag.cz
AbcPráce.cz
<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.
26.7.2006 11:36
Honza Soukup | skóre: 11
| blog: just_asking
| Praha
background-color vůbec neodešle). Jinak ale super a tyhle věci třeba také půjdou nějak vychytat.
Další problém vidím v tom, že uživatelé (neboli klienti, aby bylo jasno) text do těchto editorů s oblibou kopírují z MS Wordu a podle toho to pak vypadá. Miliony mezer za sebou, každý tag má hafo nesmyslných parametrů, nevhodné písmo... Ale snad by s tím na úrovni skriptů šlo něco udělat. (Ideální by byla obdoba Wordu/Writeru, která by svým uživatelům neumožnila dvakrát za sebou použít Enter nebo mezerník.)
Stojime prave pred problemem vyvoje CMS systemu pro jednu statni organizaci a nase vize je takova, ze editor by mel obsahovat nejenom zakladni funcionalitu pro formatovani textu, ale prostor i pro vkladani ucelenejsich logickych celku (napr. po kliknuti na tlacitko se po vyplneni user-friendly formulare objevi konzistentni a funkcemi oplyvajici vysledkova listina z ruznych soutezi )
Nice idea
V roce 87 mi byl presne jeden rok
26.7.2006 12:09
bazil | skóre: 33
| blog: sluje
| Miroslav
26.7.2006 13:59
bazil | skóre: 33
| blog: sluje
| Miroslav
Je unikatni tim, ze se clovek musi vsechno naucit
21.6.2008 13:54
Yin | skóre: 39
| blog: Yinotopia
| Slovesnko, Košice