Steemit's HTML Whitelist
Steemit posts support a limited subset of HTML that can be mixed with the Markdown syntax.
While Markdown is documented (click on 'Markdown Styling Guide' in the editor view), I was not able to find any detailed documentation for HTML in Steemit posts.
I thought that I could do it myself and gathered the information from the source code of Condenser, the official Steemit UI.
This following list of tags, attributes and classes is my interpretation of the code. I hope it helps. Please keep in mind that this is not officially documented and Steemit may change the whitelitsted HTML in the future. Also, please let me know in the comments if you find any mistakes or missing information.
Tags that allow attributes
a(Reference)- Attributes
- href
- rel
- Attributes
div(Reference)- Attributes
- class
- Allowed class values
- pull-right
- pull-left
- text-justify
- text-rtl
- text-center
- text-right
- videoWrapper
- phishy
- Allowed class values
- title
- class
- Attributes
iframe(Reference)- Attributes
- src
- Supports only youtube, vimeo and soundcloud
- width
- height
- frameborder
- allowfullscreen
- webkitallowfullscreen
- mozallowfullscreen
- src
- Attributes
img(Reference)- Attributes
- src
- alt
- Attributes
td(Reference)- Attributes
- style
- Attributes
Tags without attributes
b(Reference)blockquote(Reference)br(Reference)center(Reference)code(Reference)del(Reference)em(Reference)h1(Reference)h2(Reference)h3(Reference)h4(Reference)h5(Reference)h6(Reference)hr(Reference)i(Reference)li(Reference)ol(Reference)p(Reference)pre(Reference)q(Reference)strike(Reference)strong(Reference)sub(Reference)sup(Reference)table(Reference)tbody(Reference)th(Reference)thead(Reference)tr(Reference)ul(Reference)
Furthermore, HTML entities like are allowed.
As @dbooster pointed out, Steemit removes HTML comments from the markup. Besides of obscure Markdown voodoo, there seems to be no good way to have comments in articles.
Based on this information, I am happy to be able to offer you this helpful snippet:
<center>
<div class="phishy">🔥🔥🔥UPVOTERS ARE MORE SUCCESSFUL🔥🔥🔥</div><br>
<div class="phishy">🔥🔥🔥RESTEEMERS LIVE LONGER🔥🔥🔥</div>
</center>
It should produce following output:
Thank you @snug ;) time to play
Enjoy, I hope it helps. :)
Yes, I think so my friend ! Greetings from Mongolia, Silbart.
Great post buddy, specially that centre attribute 👍
Thanks, man.
Thanks!
You should also make a disallow list. I learned the other day they don't allow html comments for some reason (I wouldn't use them normally, but my multimarkdown to markdown parser automatically includes them)
Good suggestion. Thanks.
Thank you very much for sharing this post @snug .. It is very complete, I like it a lot, I will start to practice more with Markdown. Regards..
good
Good job. One of the frustrating things for new users is the almost complete lack of documentation on how to make things look nice, and everyone having to go find what works themselves, or already know someone here that knows how things work.
This post was resteemed & upvoted by @superbot - the Best Resteem bot on Planet !
Good Luck!
Follow for 10 minutes ,
Send 0.100 Steem/Steem Dollar and the URL in the memo that you want resteemed and upvoted.
So don't waste any time ! Get More Followers and gain more Visibility With Superbot .
Congratulations @snug! You have completed some achievement on Steemit and have been rewarded with new badge(s) :
Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here
If you no longer want to receive notifications, reply to this comment with the word
STOP@driva has voted on behalf of @minnowpond.
If you would like to recieve upvotes from minnowponds team on all your posts, simply FOLLOW @minnowpond.
Guzel olmus