[GUIDE] Text formatting in community posts

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.

19 Likes

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

3 Likes

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

bookmarked!

2 Likes

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

3 Likes

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

2 Likes

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

2 Likes

There is also bbcode

2 Likes


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

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

I can see my post. Let me try again

2 Likes

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?

1 Like

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
1 Like

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

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

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

Still No Joy - Back to the docs...

1 Like

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

1 Like

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

2 Likes

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

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