HTML editor: Porovnání verzí

Z GeoWiki
Přejít na: navigace, hledání
(wysiwyg editace listingu)
 
(wysiwyg editace listingu)
Řádka 3: Řádka 3:
  
 
== Editace podobnou Wordu ==
 
== Editace podobnou Wordu ==
1. otevřít si TinyMCE: http://tinymce.moxiecode.com/tryit/full.php  
+
# 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)  
+
# 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
+
# text který se ukáže je HTML zdroj - ten je třeba zkopírovat do okýnka v úpravě listingu
  
 
== Úprava listingu ==
 
== Úprava listingu ==
1. zkopírovat HTML zdroj z okýnka listingu
+
# zkopírovat HTML zdroj z okýnka listingu
2. otevřít si to TinyMCE
+
# otevřít si to TinyMCE
3. 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.
4. upravovat a nakonec zase kliknout na tlačítko HTML
+
# upravovat a nakonec zase kliknout na tlačítko HTML
5. 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 ==
1. 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.
+
# 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.
2. zmenšený obrázek potom nahrát na geocaching.com v Navigaci listingu "Upload image"
+
# zmenšený obrázek potom nahrát na geocaching.com v Navigaci listingu "Upload image"
3. 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".
+
# 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".
4. 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".

Verze z 30. 1. 2011, 14:35

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.


Editace podobnou 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

Ú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

Obrázky

  1. 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.
  2. zmenšený obrázek potom nahrát na geocaching.com v Navigaci listingu "Upload image"
  3. 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".
  4. tuhle výslednou adresu vložit do TinyMce - tlačítko se stromečkem - do pole "Image URL".