HTML editor: Porovnání verzí

Z GeoWiki
Přejít na: navigace, hledání
(wysiwyg editace listingu)
 
(Není zobrazena 1 mezilehlá verze od 1 uživatele.)
Řádka 1: Řádka 1:
Okýnko pro listing lze po zaškrtnutí příslušného políčka psát v HTML. To je skoro normální text proložený speciálními značkami které vypadají třeba takhle </h1> nebo takhle <img src="...">, pokud se tyto značky chcete naučit, pomůže vám [[HTML v listingu]].
+
Při úpravě listingu lze používat buď připravený WYSIWYG editor (nedoporučeno), anebo po kliknutí na příslušné tlačítko psát listing přímo v HTML. Jedná se o téměř normální text proložený speciálními značkami (tagy), které vypadají třeba takhle </h1> nebo takhle <img src="...">. Pokud se tyto značky chcete naučit, navštivte stránku [[HTML v listingu]]. Většina kačerů využívá pro psaní různé editory buď WYSIWYG, anebo programy, v nichž píší přímo v HTML s podporou vkládání tagů apod.
  
 +
== Editace podobná Wordu ==
  
== Editace podobnou Wordu ==
+
# otevřít si TinyMCE: [http://tinymce.moxiecode.com/tryit/full.php [http://tinymce.moxiecode.com/tryit/full.php]
# otevřít si TinyMCE: http://tinymce.moxiecode.com/tryit/full.php  
+
 
# vytvořit tam celý listing a kliknout na tlačítko HTML (druhý řádek vpravo)  
 
# vytvořit tam celý listing a kliknout na tlačítko HTML (druhý řádek vpravo)  
 
# text který se ukáže je HTML zdroj - ten je třeba zkopírovat do okýnka v úpravě listingu
 
# text který se ukáže je HTML zdroj - ten je třeba zkopírovat do okýnka v úpravě listingu
  
== Úprava listingu ==
+
=== Úprava listingu ===
 +
 
 
# zkopírovat HTML zdroj z okýnka listingu
 
# zkopírovat HTML zdroj z okýnka listingu
 
# otevřít si to TinyMCE
 
# otevřít si to TinyMCE
# kliknout na HTML, smazat co tam je a vložit tam zdroj listignu, pak OK.
+
# kliknout na HTML, smazat co tam je a vložit tam zdroj listignu, pak OK
 
# upravovat a nakonec zase kliknout na tlačítko HTML
 
# upravovat a nakonec zase kliknout na tlačítko HTML
 
# text který se ukáže zkopírovat do okýnka v úpravě listingu
 
# text který se ukáže zkopírovat do okýnka v úpravě listingu
  
== Obrázky ==
+
=== Obrázky ===
# obrázek zmenšit na max 500px - například nahrát sem: http://online-image-resize.kategorie.cz/ a správnou velikost stáhnout do počítače.
+
 
# zmenšený obrázek potom nahrát na geocaching.com v Navigaci listingu "Upload image"
+
# obrázek zmenšit na max 500px - pokud byste nevěděli jak, můžete obrázek například nahrát sem: [http://online-image-resize.kategorie.cz/ http://online-image-resize.kategorie.cz/] a správnou velikost stáhnout do počítače.
# pak získat jeho adresu - dole v listingu jsou všechny obrázky vypsané, pomocí pravého tlačítka myši dát "kopírovat adresu obrázku".
+
# zmenšený obrázek potom nahrát na geocaching.com (viz [[Obrázky v listingu#Nahrání obrázku k listingu | nahrání obrázku k listingu]])
 +
# pak získat jeho adresu (viz [[Obrázky v listingu#Nahrání obrázku k listingu | zjištění URL adresy obrázku]])
 
# tuhle výslednou adresu vložit do TinyMce - tlačítko se stromečkem - do pole "Image URL".
 
# tuhle výslednou adresu vložit do TinyMce - tlačítko se stromečkem - do pole "Image URL".
 +
 +
[[Kategorie:Manuál]]

Aktuální verze z 12. 5. 2020, 13:29

Při úpravě listingu lze používat buď připravený WYSIWYG editor (nedoporučeno), anebo po kliknutí na příslušné tlačítko psát listing přímo v HTML. Jedná se o téměř normální text proložený speciálními značkami (tagy), které vypadají třeba takhle </h1> nebo takhle <img src="...">. Pokud se tyto značky chcete naučit, navštivte stránku HTML v listingu. Většina kačerů využívá pro psaní různé editory buď WYSIWYG, anebo programy, v nichž píší přímo v HTML s podporou vkládání tagů apod.

[editovat] Editace podobná Wordu

  1. otevřít si TinyMCE: [http://tinymce.moxiecode.com/tryit/full.php
  2. vytvořit tam celý listing a kliknout na tlačítko HTML (druhý řádek vpravo)
  3. text který se ukáže je HTML zdroj - ten je třeba zkopírovat do okýnka v úpravě listingu

[editovat] Úprava listingu

  1. zkopírovat HTML zdroj z okýnka listingu
  2. otevřít si to TinyMCE
  3. kliknout na HTML, smazat co tam je a vložit tam zdroj listignu, pak OK
  4. upravovat a nakonec zase kliknout na tlačítko HTML
  5. text který se ukáže zkopírovat do okýnka v úpravě listingu

[editovat] Obrázky

  1. obrázek zmenšit na max 500px - pokud byste nevěděli jak, můžete obrázek například nahrát sem: http://online-image-resize.kategorie.cz/ a správnou velikost stáhnout do počítače.
  2. zmenšený obrázek potom nahrát na geocaching.com (viz nahrání obrázku k listingu)
  3. pak získat jeho adresu (viz zjištění URL adresy obrázku)
  4. tuhle výslednou adresu vložit do TinyMce - tlačítko se stromečkem - do pole "Image URL".