[GUIDE] Text formatting in community posts

đź’¬ Lounge
1

General text formatting feature guide for this forum

Basic Text Formatting

*Italic* gives you Italic
**Bold** gives you Bold
~~Strike Through~~ gives you Strike Through

Layout

# Heading 1
## Heading 2
### Heading 3
*** Horizontal Rule

Lists

Bullet style:
* List Item
* List Item

  • List Item
  • List Item

Numbered List:
1. One
2. Two

  1. One
  2. Two

Code

`Inline code` use backticks to give you Inline code
```
# Code Block
```
Will give you

# Code Block

Block Quote

Use > at the beginning of the line for block quotes

Block quote

URLs

[Link](http://a.com) Wil give you Link
![Image](http://url/a.png\) To include an image
![Image|XXXxYYY](http://url/a.png\) Change XXXxYYY to change the pixel size of your image.

Tables

|| Col 1 | Col 2| Col 3 |
|-|-|-|-|
|Row 1|A|B|C|
|Row 2|D|E|F|

Col 1 Col 2 Col 3
Row 1 A B C
Row 2 D E F

Escape a Character

Add \ in front of a character (like in this post!)

HTML

You can use HTML-encoded text, too!

H1 (Heading 1)

<h1>Text</h1>

H2 (Heading 2)

<h2>Text</h2>

H3 (Heading 3)

<h3>Text</h3>

etc...

More Information

Markdown Here Cheatsheet
commonmark.org help

This post is in wiki format so please feel free to contribute.

22 Likes
2

Nice! I added Image sizes. I’ll add an escaped-character section when I can find time, too.

3 Likes
3

been trying to work this one out for AGES!!!

bookmarked!

2 Likes
4

I’ve been learning markdown to create better formatted posts.. Figured I would share

3 Likes
5

Really glad you did, something to learn in the next few months :slight_smile:

2 Likes
6

I'll slowly add in HTML, too :slight_smile:

2 Likes
7

There is also bbcode

2 Likes
8

image
image708Ă—204 26 KB

I have seen these boxes on a lot of posts. Looks nice.
Is there something built into community.hubitat.com/ or is it HTML or something else?

1 Like
9

Hi Don -

If you add a link, it gets interpreted and shows up a preview box.

Never mind - I don't know why it shows either ...

For example:

https://www.amazon.com/Hubitat-Elevation-Home-Automation-Hub/dp/B07D19VVTX/

https://www.amazon.com/Hubitat-Elevation-Home-Automation-Hub/dp/B07D19VVTX/

Then again, maybe not - because it isn't showing up now ....

1 Like
10

I can see my post. Let me try again

2 Likes
11

image

I have seen these boxes on a lot of posts. Looks nice.
Is there something built into community hubitat com or is it HTML or something else?

image
image883Ă—257 34.7 KB

1 Like
12

When it does work.. I has to be a link on a line by itself.. But I have noticed it doesn’t seem to work on all links

1 Like
13
1 Like
14

Bryan,
Thanks for the info - I can't see the Onebox in the preview - So I will use this reply as a test

image
image1237Ă—153 18.4 KB

Link from the Onebox page:

https://www.amazon.com/Amazon-Echo-Dot-Portable-Bluetooth-Speaker-with-Alexa-Black/dp/B01DFKC2SO

A share link from Amazon
https://www.amazon.com/dp/B081FF9G2K/ref=cm_sw_r_sms_c_api_i_Qf0IEbZQ2JY33

2 Likes
15

Troubleshooting

If Onebox is not working as expected, please check the following:

  • Test your site by pasting the link into iFramely ; check that the target is using correct OpenGraph or oEmbed meta tags for content. And remember the description text is required in Discourse!
  • Verify that the onebox request to the target website has not been blocked by user-agent . Some WordPress hosts frequently block “unknown” user agents.

The iFramely link above will make a HTML iframe if things are not working
I think I have it now -

2 Likes
16

Still No Joy - Back to the docs...

1 Like
17

I give up
I have tried every thing I can think of
No Joy
Any body know the secret handshake? :cry: :confused:

1 Like
18

You need to only post the first part of your Amazon link. If you use anything after the "part number" so to speak, it will not work.

This is wrong https://www.amazon.com/dp/B081FF9G2K/ref=cm_sw_r_sms_c_api_i_Qf0IEbZQ2JY33

This is correct
https://www.amazon.com/dp/B081FF9G2K

https://www.amazon.com/dp/B081FF9G2K

2 Likes
19

That is much easier, but just for reference, you can also do strike through like this...

<s>Text you want strike through

It won't show here because I marked it as preformatted text so you could see what I've done.
This will strike all texts from <s> forward. To set an end point you use </s>

So to strike just a section, you can use <s>Section of text you want strike through</s> to limit it.

2 Likes
20

There has got to be something that I am missing.
Is there anything that I have to sign-up for or download???
Is there something built into community.hubitat.com that does the transformation?

This is a test - Dimmer - Copied from the you sent - and displayed - Cashed?
https://www.amazon.com/dp/B081FF9G2K


This is a test - Shelly 1
https://www.amazon.com/dp/B07YLRX7P2
https://www.amazon.com/dp/B07YLRX7P2

This is a test - Shelly PM
https://www.amazon.com/dp/B07RQ4F4WH

1 Like