uMap/Guide/Text formatting

From OpenStreetMap Wiki
< UMap‎ | Guide
Jump to navigation Jump to search
help text formatting

Text fields like description allow in addition to flat text also formatting and link information.

Syntax

Short options with corresponding syntax:

  • Italics: normal and *italics*
  • Bold: normal and **bold**
  • Main heading: # at the start of a line
  • heading level 2: ## at the start of a line
  • A horizontal line: --- at the start of a line
  • A simple link: [[https://....]].
  • A link with a readable name: [[https://....|readable name]].
  • A link to a POI in current map: [[#zoom/latitude/longitude]] e.g. [[#15/45/3]]
  • An image: {{https://....}}.
  • An image with width in in pixels: {{https://....|100}}.
  • Inclusion of a website: {{{https://....}}}.
  • Inclusion of a website with height in pixels: {{{https://....|300}}}.
  • Inclusion of a website with height and width in pixels: {{{https://....|300*200}}}.
  • A Unicode character is permitted in the text. Unicode is found on the web[1]. Some examples of Unicode code characters: ♻️ Ⓜ️ ☢️ ⚠️ ⚡ ⌘ €

Example

Formatting example

The example shows a popup where several options are used. The description of this object has following text:
# Chapter level 1
Contains normal, *italics* and **bold** text.
Some Unicode characters: ♻️, €, ⇔, ©, ⎆.
Some link examples. Straight forward: [[http://umap.openstreetmap.fr]]. More readable: [[http://umap.openstreetmap.fr|uMap]].
A dynamic property like *name* shows {name}.

This text starts after an open line (by 2* return) and after this text a manually inserted separator line is shown.
---
Examples of picture inclusion
Width set to 40 for {{https://upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Nederlands_verkeersbord_J11.svg/200px-Nederlands_verkeersbord_J11.svg.png|40}} No size set for following picture. {{https://wiki.openstreetmap.org/w/images/5/5e/NL_Umap-default-editor-short.jpg}}

  1. [1]Compart: Unicode Blocks