How to type coding on the forum

Continuing the discussion from Did this Poll Work?:

That’s a very great question :smiley: I was wondering the exact same thing when I first saw it (from the Discourse forum).

So say you want to show someone how to do a trick on the forum using some HTML code for example. If you try to type a HTML tag, the forum reads it as if you’re typing HTML tag as code so it doesn’t display the HTML tag. Like this:

bold

I’ve written HTML but you can’t see the tags. So how do you show someone the tags?

Luckily, the forum has a feature to fix this problem:

<b>bold</b>

In the tool bar, you’ll see a little symbol that looks like this </>:

Tap that and it’ll give you some indented highlighted text. Then you can replace the highlighted text with the text that you want. And the HTML tags will appear instead of disappearing.


But if you want to show a tag in the middle of a sentence like this <i> </i>, there’s a different way of doing this too. You can type the tag in between these two signs that look like apostrophes. Like this for example:

` <b> </b>`

To find the sign, press the .?123 button in the bottom left hand corner of your iPad keyboard. Then hold down on the apostrophe until a smaller menu pops up and you’ll see the first option is the sign you’re looking for:

Type two of those signs and type the tag in between, like [poll] for example.

Hope that helps and feel free to ask for clarification on anything :smiley: And just a tip, when you see a little trick by someone and wonder how they did it, you can press the Reply button to their topic and then quote their reply:


Then you can scroll through “behind the scenes” and see how they did the forum trick. And once you’re done, you can cancel your reply. It’s how I learnt this trick :smile:

15 Likes

Thanks! That’s so clever!

<b>Test #1</b>

Which would look like Test #1.

And the other test, <b>Test #2</b>, which looks like Test #2.

What a great idea using quotes to see the code, also!

3 Likes

That’s okay @CreativeCoder :smile: Glad it worked!

When you think about it, it’s sort of like pressing See Code on Hopscotch and looking “behind the scenes” :smiley:

2 Likes
Hi thanks for sharing t1 never knew how to do it
3 Likes

Check this out! I can bold italic underline strikethrough So cool!!

This is the text I typed:

I just used HTML code. Click here to learn more about HTML code.

3 Likes

You can also do italic and bold with asterisks.

You can also do *italic* and **bold** with asterisks.

Underline and Strikethrough still require <html> tags though.

You can also collapse a section of your post.

T
o

h
i
d
e

v
e
r
y

l
o
n
g

p
a
r
t
s

[details=<b>Click me to expand!</b>]
Long
Content
[/details]
4 Likes

@riking that is so cool!

Click to expand

Thank you so much for sharing this!






:smiley:

I’ve been browsing the Discourse forum trying to pick up tricks :stuck_out_tongue_winking_eye: (which was how I found out how to display HTML tags and other code like this) but never seen this before. Thanks again!

1 Like

I find this particularly interesting. Though I am posting here, primarily to test the improvements which “Dan” has announced to the composer in iOS 8, I think what you have shared @riking is one of the more useful “tricks” that I have read on the forum. Not merely to chage the aesthetics of print, the ability to expand and collapse portions of text (and, I assume, quoted material or images, etc.) affects how neatly stuff is organized. That is coolness. Thanks.

1 Like

@riking Yes, I knew you could use asterisks, but the detail thing is so cool!

s͞o͞ m͞u͞c͞h͞ l͞i͞n͞e͞s͞

lel

1 Like

This is a tester of the expand trick:

<b>Click me to expand!</b>

This is so cool!

1 Like

OMG it worked! :heart_eyes:

1 Like
<b>Click me to expand!</b>

Long
Content

hello I am testing with html `wow this is weird’

Hello hello

hi

This is actually quite cool, I like it XD

this is random!
#random, #help
That was helpful
Get it?

1 Like

Very useful topic, so as usual, I am reviving it! :smile:

3 Likes

You revived a ton while I was gone :stuck_out_tongue:

3 Likes

testing 1 2 3 testing

2 Likes

Bump! :stuck_out_tongue: :stuck_out_tongue:

1 Like

Uh No I Bumped it