Formatting in journal post

General
1

I am trying to format one of my project journal posts

like this :

image

but it seems iNat removes the spaces automatically, since it does this :

image

Is there any way I can get the format I want without it looking like a huge mess?

2

10 posts were split to a new topic: Journal Post Caught By Spam Filter

3

 Yada 1
      Yada 2
             Yada 3

 Yada 1
      Yada 2
             Yada 3

Is one way to do it

1 Like
4

so nbsp gets you one space - rather than repeating nbsp lots of times you can us ensp for a double space or emsp for a quadruple space (with the & character of course) - you just had me figuring this out, I wish I’d known it before today!

4 Likes
5

There are several ways to achieve this but probably the simplest is just to use the html <pre> tag. Just put <pre> before the ‘table’ that you’re trying to create using spaces for indenting and then put </pre> at the end of the table. To get something like:

Order
   Family
      Genus
         Species

You could even add lines if you wanted to get ambitious:

Animalia
  ├─Annelida
  │   └─Clitellata
  │       └─Arhynchobdellida
  │           └─Haemadipsidae
  ├─Arthropoda
  │   ├─Arachnida
  │   │   ├─Araneae
  │   │   │   ├─Araneidae
  │   │   │   │   ├─Acantharachne
  │   │   │   │   │   ├─Acantharachne giltayi
  │   │   │   │   │   ├─Acantharachne madecassa
  │   │   │   │   │   └─Acantharachne milloti
  │   │   │   │   ├─Acrosomoides
  │   │   │   │   │   └─Acrosomoides acrosomoides
  │   │   │   │   ├─Arachnura
  │   │   │   │   │   └─Arachnura scorpionoides
1 Like
6

image
image1107×724 19.1 KB

Looks better! thank you!

(For context, I made a project to find, store and create information about misidentified plant species and how to distinguish them)

1 Like
7

Looks great. Just a small suggestion: I would recommend putting the <pre> tags just around each ‘table’ rather than your whole post, otherwise you will end up with a horizontal scroll bar and sentences of text going off the right-hand side of the screen instead of wrapping:

GS230324152358
GS230324152358717×748 60.8 KB

The reason this happens is because in preformatted text (which is what pre means) you determine all the spaces and line breaks etc, instead of the browser guessing where best to put line breaks and so on to suit the user’s screen size etc.

2 Likes
8

Done (I think?)

image
image1020×595 7.66 KB

1 Like
9

I don’t know for journal posts but in the forum it works if you add hyphens before (it creates lists) :

input:

- Asterales
   - Asteraceae
      - Taraxacum
         - Taraxacum officinale

output:

  • Asterales
    • Asteraceae
      • Taraxacum
        • Taraxacum officinale

But DanielAustin’s suggestion is a good solution, too.

1 Like
10

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.